前端开发那些事儿

你知道vue中key的作用和工作原理吗?说说你对它的理解。

2021-03-10  本文已影响0人  Viewwei

key 的作用是为了高效的更新虚拟 DOM,其原理是 vue在 path中调用 updateChildren 中会遍历所以的节点,如果没有设置 key 的时候,会认为比较的两个节点为同一个节点,会导致频繁的更新不同的元素,导致了频繁的 DOM 操作.如果设置了 key,在updateChildren过程中会很准备的判断节点是不是相同节点,从而避免频繁更新不同元素,使得 path 更加高效,减少DOM 操作,提高性能

上一篇下一篇

猜你喜欢

热点阅读