解決Parsing error: invalid-first-character-of-tag-name.eslint-plugin-vue的報錯

最近在使用Vue的時候把三元運算符寫進template部分的時候遇到了錯誤

代碼：

<div>
  {{ (index < 1) ? 1 : index }}
</div>

其實上面這個代碼是可以正常運行的，但是Eslint會報錯，因為在Html代碼中會校驗到一個單獨的<號，會被Eslint認為是Html代碼的一部分而不會認為是模板語言，但因為Vue會去解析這部分的表達式再進行輸出所以我們是可以正常運行的

那么不想讓Eslint報錯的話, 

方法一：我們可以使用Html的轉義符來進行對<或>號替換

<div>
  {{ (index &lt; 1) ? 1 : index }}
</div>

方法二： v-text方法

<div v-text="(index < 1) ? 1 : index">
</div>