我们在使用vue2+的v-for的时候会出现以下报错:
error Elements in iteration expect to have 'v-bind:key' directives vue/require-v-for-key
这是因为在使用v-for的时候需要设置key.
<div v-for="(item,index) intitle" :key:item>
<span>{{item}}</span>
</div>
注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,这是一种极其不推荐的使用方法。