Vue中v-for为什么要加key

例:我们希望可以在B和C之间加一个F
在这里插入图片描述

Diff算法默认执行起来是这样的
在这里插入图片描述
即把C更新成F,D更新成C,E更新成D,最后再插入E

所以我们需要使用key来给每个节点做一个唯一标识,Diff算法就可以正确的识别此节点,找到正确的位置区插入新的节点。
在这里插入图片描述

发布了34 篇原创文章 · 获赞 23 · 访问量 7572

猜你喜欢

转载自blog.csdn.net/qq_37330613/article/details/104812362