02-Elments in interation expect to have 'v-bind:key' directives vue/require-v-for-key

我们在使用vue2+的v-for的时候会出现以下报错：

error Elements in iteration expect to have 'v-bind:key' directives vue/require-v-for-key

这是因为在使用v-for的时候需要设置key.

  {{item}}

注1：这里的key值不要用对象或者是数组作为key,用string或者是number作为key,否则会报错:

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

注2：为什么必须要加上key值

使用v-for更新已经渲染的元素列表的时候，默认地就用复用策略，列表数据修改的时候，他会根据key值去判断某个值是否修改，如果修改，则重新渲染这一项，否则就复用之前的元素。

我们在使用的时候经常使用index（即数组的下标）来作为key,这是一种极其不推荐的使用方法。