VUE中的v-for

VUE中演示v-for为什么要加key

今天使用vue中的v-for出现了错误,在网上查阅了许多资料,都是说需要自定义一个key值。

v-for中的key来给每个节点做一个唯一的标识,diff算法就可以正确的识别此节点,找到正确的位置区插入新的节点;key的主要作用是为了高效的更新虚拟dom,另外vue在使用相同标签名元素的过渡切换时,也会使用到key属性,目的是让vue可以区分它们,否则vue只会替换其内部属性而不会触发过渡效果。


v-for中带上key,防止vue替我们去计算DOM。可以简单的这样理解:加了key(一定要具有唯一性)。

posted @ 2020-10-27 09:10  snail-2018  阅读(133)  评论(0)    收藏  举报