我們在使用vue2+的v-for的時候會出現(xiàn)以下報錯:
error Elements in iteration expect to have 'v-bind:key' directives vue/require-v-for-key
這是因為在使用v-for的時候需要設(shè)置key.
<div v-for="(item,index) intitle" :key:item>
? <span>{{item}}</span>
</div>
注1:這里的key值不要用對象或者是數(shù)組作為key,用string或者是number作為key,否則會報錯:
[Vue warn]Avoid using non-primitive value as key,use string/number value instead.
注2:為什么必須要加上key值
使用v-for更新已經(jīng)渲染的元素列表的時候哲戚,默認(rèn)地就用復(fù)用策略涂籽,列表數(shù)據(jù)修改的時候,他會根據(jù)key值去判斷某個值是否修改半夷,如果修改,則重新渲染這一項,否則就復(fù)用之前的元素。
我們在使用的時候經(jīng)常使用index(即數(shù)組的下標(biāo))來作為key,這是一種極其不推薦的使用方法题涨。