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 開発時に遭遇したエラーリスト