Vue.js開発中のエラー対処

この記事について

Vue.js開発中のエラーについて備忘。

開発環境

• Mac OS
• Node.js v12.13.1
• npm 6.12.1
• Vue CLI 3.9.0
• vue 2.6.2
• Mac OS

エラー

[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.

原因
v-forのkeyに配列やオブジェクトを指定しているために発生するエラー

NG

<div v-for="item in items" :key="item">
  {{item}}
</div>

OK

<div v-for="(item, index) in items" :key="index">
  {{item}}
</div>

参考サイト：
vuejs 開発時に遭遇したエラーリスト