【Vue.js】Elements in iteration expect to have 'v-bind:key' directives.eslint-plugin-vueというエラーが出るとき

はじめに

先日このようなコードを書いたらタイトルにあるようなエラーがでてきてしまいました。

<ul>
    <li v-for="(item, index) in list">
        なにかしらの処理
    </li>
</ul>

解決策

エラー文を翻訳してみると一意なキーが必要ですよと言っているみたいなので、それを付け足してあげれば無事動きました。

<ul>
    <li v-for="(item, index) in list" :key='index'>
        なにかしらの処理
    </li>
</ul>