VUE中的v-for

Posted 2020-12-20 ygsrjr

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

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

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