vue 2.0 :key的作用

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

1.如果数据更新的有相同的数据就会直接利用key去渲染,有相同父元素的子元素必须有独特的key。重复的key会造成渲染错误。
2.key的用法一般是:key=‘id’,意思是为元素绑定一个key属性,这个key属性为元素添加了一个唯一身份标识符。当数据改变,Vue底层通过对比能够更快的获取到更新的内容并显示到页面上。

key 的特殊属性主要用在 Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes。如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用key,它会基于key的变化重新排列元素顺序,并且会移除key不存在的元素。

总之就是一句话,key属性能够提升性能(主要作用于数据更新时)。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值