key 属性的作用和原理

高效的更新虚拟DOM,其原理是vue在patch过程中通过key可以精准判断两个节点是否是同一个,从而避免频繁更新不同元素,减少DOM操作量,提高性能

出于性能考虑,重新渲染页面会尽可能的复用已经存在的元素,而不是重新创建,如果不想复用,需要给标签加上不同的 key 属性值

数组或对象插入新元素时,如果没有 key 属性,虚拟DOM会用很笨的办法一个个替换,消耗性能,绑定一个 key,就直接插入新元素,其他的都复用

猜你喜欢

转载自blog.csdn.net/weixin_44257930/article/details/108829726