v-for中key的作用

发布时间 2023-08-21 10:58:51作者: 乐得逍遥

key属性是dom元素的唯一标识,当数组没有发生变化时,key没有实际用处。

作用:

1. 高效的更新虚拟dom,其原理是根据key精准找到节点位置,从而避免频繁更新其它元素,使整个更新过程更加高效。

2. 若不设置key还可能在列表更新时引发一些隐蔽的bug。如某行数据不该更新的却更新了。

3. vue中在使用相同标签名元素的过渡切换时,也会使用到key属性,其目的也是为了让vue可以区分它们,否则vue只会替换其内部属性而不会触发过渡效果