[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>