1,为什么v-for需要添加key,优缺点和场景。
前置知识:
虚拟Dom和Diff算法
KeyWords:
虚拟DOM: 回流/重绘、JS和HTML的中间层、只渲染差异部分
Diff算法: 节点类型是否相同、替换后子节点不再比较 || 重新计算并更新、O(n³)->O(n)、核心基于2个假设:相同组件的DOM类似、同一层级通过id区分
所以一句话,key的作用主要是为了高效的更新虚拟DOM
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
网友评论