【Vue.js】 v-forディレクティブを使っていたらエラーが出た

v-for を使ってたら何やらエラーが出た。

error: Custom elements in iteration require 'v-bind:key' directives ...
...
component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.

エラーメッセージに従って以下を参照してみる。

https://vuejs.org/guide/list.html#key

なるほど、 key 属性を与えないといけないのか。

<div v-for="(value, key, index) in values" :key="index">
...
</div>

key 属性は一意なものであれば良いので、配列のインデックスを使っている。