在之前的vue中v-for不绑定key不会报错,现在的vue中在编写的过程中如果不绑定key是会报错的。(当然这个原因并不足以说服我不加key)

v-for一般用在列表的渲染,渲染的时候会默认遵守就地复用策略。

就地复用策略:当在进行列表渲染的时候,vue会直接对已有的标签进行复用,不会整个的将所以的标签全部删除和创建,只会重新渲染数据,然后再创建新的元素直到数据渲染完为止。

key属性可以用来提升v-for渲染DOM的效率。key属性必须是唯一不变的值(唯一标识),避免数据混乱的情况的出现。

加了key之后,vue可以识别每组节点。如果节点之间内容一致,只是顺序发生变化,那么就没有必要进行增加删除操作了,而是直接进行顺序的更改即可。大大提升效率。

这里我建议使用id,如果没有id的情乱下使用index(下标),但是尽量不要用index,因为如果有元素被删除,就会导致index变化,从而会导致数据的混乱。


王超
42 声望1 粉丝

世间美好,与你环环相扣。