关于vue.js:Vue-Parsing-error-invalidfirstcharacteroftagname-报错定位与解决

前一段时间总在写React我的项目，tsx中写dom用三元运算符用的多。
这次写Vue我的项目，把写三元运算符的习惯带到了vue的模板语法中，同时条件表达式中用了小于号”<“，后果编译失常，网页展现失常，eslint报错”invalid-first-character-of-tag-name”。

举个例子

解决办法(回到Vue的世界，别在React里打转)：
1、filter （不举荐，Vue3废除了filter）

2、methods外面定义一个function用于格式化 （举荐）

3、应用本义符 （骚操作领域，不举荐）

"<" 变为 "&lt;"

这种状况下eslint校验通过，编译可通过，页面也失常显示，然而装了vscode插件Volar (或者Vetur) 的状况下应用本义符的中央会飘红。

4、应用v-text （不举荐，不能复用）

完结

同步更新到本人的语雀
https://www.yuque.com/diracke…