v-for 在 VSCode 中出現 Elements in iteration expect to have 'v-bind:key' directives.

在 VSCode 中編輯代碼時，在有 v-for 的語句下面有一條紅色波浪線，鼠標放上去有提示 Elements in iteration expect to have 'v-bind:key' directives.。代碼以下：

<p v-for="line in lines">
          {{line}}
</p>

搜索了一下找到了這個討論https://github.com/vuejs/vetur/issues/261。

原來這是 ESLint 的一個 feature，可是我也沒啓用 ESLint 呀。原來是由於 vetur（Vue.JS 的高亮插件）裏自帶了 ESLint。

解決方法是打開 VSCode 的 Preferences 裏的 Settings，搜索 ESLint，在 Vetur › Validation: Template 下面取消選中 Validate vue-html in <template> using eslint-plugin-vue 便可。