第十七章 最佳实践 -- 为列表渲染设置属性key

<div v-for="item in items" :key="item.id"></div>

key这个特殊性主要用在Vue.js的虚拟DOM算法中,在对比新旧虚拟节点是辨识虚拟节点

  • 为什么要设置属性key呢?
    因为在虚拟dom更新子节点时,需要从旧节点列表中查找与新虚拟节点相同的节点进行更新。如果这个查找过程设置了属性key,那么查找速度就回快很多。
posted @ 2022-10-26 16:22  小那  阅读(11)  评论(0编辑  收藏  举报