Vue - 用户8818927890464的收藏集 - 掘金

Vue

用户8818927890464

更多收藏集

2篇文章 · 0订阅

v-for 到底为啥要加上 key?

看了一些讲解 v-for 中加 key 的文章，发现都描述的很笼统，甚至有很多不准确的，那不妨自力更生，这次直接从 vue3 的源码入手，带你了解真相，洞悉真理。注：全文基于 vue v3.2.38

流年丶风尘
3年前
7.4k
91
15

v-for 到底为啥要加上 key?

为什么使用v-for时必须添加唯一的key?

两个相同的组件产生类似的DOM结构，不同的组件产生不同的DOM结构。同一层级的一组节点，他们可以通过唯一的id进行区分。基于以上这两点假设，使得虚拟DOM的Diff算法的复杂度从O(n^3)降到了O(n)。当某一层有很多相同的节点时，也就是列表节点时，Diff算法的更新过程…

IOneStar
8年前
31k
221
29