Vue 中 key 的作用

23. Vue 中 key 的作用

Vue 中 key 的作用是:

key 是为 Vue 中 vnode 的唯一标记,通过这个 key,我们的 diff 操作可以更准确、更快速

  • 更准确:因为带 key 就不是就地复用了,在 sameNode 函数 a.key === b.key 对比中可以避免就地复用的情况。所以会更加准确。
  • 更快速:利用 key 的唯一性生成 map 对象来获取对应节点,比遍历方式更快,
    视频讲解

不写key

现在要添加节点

使用key

不用key

具体参考 官方API

posted @ 2020-08-06 11:25  Daeeman  阅读(215)  评论(0编辑  收藏  举报