0
点赞
收藏
分享

微信扫一扫

v-for中的key

witmy 2022-02-07 阅读 72

一、Key是什么

有两种

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

用+new Date()生成的时间戳作为key,手动强制触发重新渲染

<Comp :key="+new Date()" />

key的概念

1. 在写v-for的时候,都需要给元素加上一个key属性

2. key的主要作用就是用来提高渲染性能的!

3.key属性可以避免数据混乱的情况出现 (如果元素中包含了有临时数据的元素,如果不用key就会产生数据混乱)
为了更好地区别各个组件 key的作用主要是为了高效的更新虚拟DOM
举报

相关推荐

0 条评论