美文网首页前端开发那些事儿
你知道vue中key的作用和工作原理吗?说说你对它的理解。

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

作者: Viewwei | 来源:发表于2021-03-10 10:01 被阅读0次

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

    相关文章

      网友评论

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

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