虚拟 DOM 中 Key 的作用和好处

951 阅读1分钟
作用

方便跟踪每个节点, 在diff算法,比较节点的时候, 调用sameVnode(oldStartVnode, newStartVnode)方法比较节点是否是相同节点会比较key和tag是否都相同。在for循环中,设置key,

好处

在不设置key的时候,sameVnode中的节点的key都是undefined,都是相同节点, 设置key, 可以更准确的比较节点是否是相同节点,因此提高diff算法效率。减少了DOM的操作, 提高了性能