在之前的vue中v-for不绑定key不会报错,现在的vue中在编写的过程中如果不绑定key是会报错的。(当然这个原因并不足以说服我不加key)
v-for一般用在列表的渲染,渲染的时候会默认遵守就地复用策略。
就地复用策略:当在进行列表渲染的时候,vue会直接对已有的标签进行复用,不会整个的将所以的标签全部删除和创建,只会重新渲染数据,然后再创建新的元素直到数据渲染完为止。
key属性可以用来提升v-for渲染DOM的效率。key属性必须是唯一不变的值(唯一标识),避免数据混乱的情况的出现。
加了key之后,vue可以识别每组节点。如果节点之间内容一致,只是顺序发生变化,那么就没有必要进行增加删除操作了,而是直接进行顺序的更改即可。大大提升效率。
这里我建议使用id,如果没有id的情乱下使用index(下标),但是尽量不要用index,因为如果有元素被删除,就会导致index变化,从而会导致数据的混乱。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。