第十七章 最佳实践 -- 为列表渲染设置属性key
<div v-for="item in items" :key="item.id"></div>
key这个特殊性主要用在Vue.js的虚拟DOM算法中,在对比新旧虚拟节点是辨识虚拟节点
- 为什么要设置属性key呢?
因为在虚拟dom更新子节点时,需要从旧节点列表中查找与新虚拟节点相同的节点进行更新。如果这个查找过程设置了属性key,那么查找速度就回快很多。
<div v-for="item in items" :key="item.id"></div>
key这个特殊性主要用在Vue.js的虚拟DOM算法中,在对比新旧虚拟节点是辨识虚拟节点