[vue/no-parsing-error] Parsing error: invalid-first-character-of-tag-name.eslint-plugin-vue Parsing error: invalid-first-character-of-tag-name.eslint(vue/no-parsing-error)

问题描述：

vue页面中使用插值语法和三元表达式，出现以上报错，但是可以正常运行；

报错代码如：

<p>{{num<0?"你好":"hello"}}</>

报错信息

[vue/no-parsing-error]
Parsing error: invalid-first-character-of-tag-name.eslint-plugin-vue
Parsing error: invalid-first-character-of-tag-name.eslint(vue/no-parsing-error)

问题解析：

上面这个代码是可以正常运行的，但是Eslint会报错，因为在Html代码中会校验到一个单独的<号，会被Eslint认为是Html代码的一部分而不会认为是模板语言，但因为Vue会去解析这部分的表达式再进行输出，所以是可以正常运行的

解决Eslint报错：

方法一：我们可以使用Html的转义符 < 来进行对<或>号替换

<p>{{ (num &lt; 1) ? "你好":"hello" }}</p>

方法二： 使用 v-text 指令

<p v-text="(num < 1) ? '你好':'hello'"></p>