美文网首页
1,v-for:key

1,v-for:key

作者: r8HZGEmq | 来源:发表于2019-11-11 17:22 被阅读0次

1,为什么v-for需要添加key,优缺点和场景。

前置知识:

虚拟Dom和Diff算法

KeyWords:

虚拟DOM: 回流/重绘、JS和HTML的中间层、只渲染差异部分

Diff算法: 节点类型是否相同、替换后子节点不再比较 || 重新计算并更新、O(n³)->O(n)、核心基于2个假设:相同组件的DOM类似、同一层级通过id区分

所以一句话,key的作用主要是为了高效的更新虚拟DOM

相关文章

网友评论

      本文标题:1,v-for:key

      本文链接:https://www.haomeiwen.com/subject/acitictx.html