一、Key是什么
有两种
<ul>
<li v-for="item in items" :key="item.id">...</li>
</ul>
用+new Date()生成的时间戳作为key,手动强制触发重新渲染
<Comp :key="+new Date()" />
key的概念
key是给每一个vnode的唯一id,也是diff的一种优化策略,可以根据key,更准确, 更快的找到对应的vnode节点
1. 在写v-for的时候,都需要给元素加上一个key属性
2. key的主要作用就是用来提高渲染性能的!
3.key属性可以避免数据混乱的情况出现 (如果元素中包含了有临时数据的元素,如果不用key就会产生数据混乱)
为了更好地区别各个组件 key的作用主要是为了高效的更新虚拟DOM