key值得作用

一,key值得作用
:key=""是得dom对象添加唯一标识,是用于底层diff算法复用旧虚拟dom时的一个重要的判断条件,间接提高页面的渲染效率。当数据变化的时候,Vùe是不会直接去更新D0M(也就是说不是将旧的元素移除然后在同一位置添加一个新元素),而是尽可能考虑复用元素(修补不同的地方). 复用元素时是使用diff算法对比新旧虚拟Dom。把key值作为判断依据,如果遇到相同的key值,则考虑复用元素。如果遇到不同的key值则强制更新。
二,为什么key值一般设置为id,而不是数组的下标
原因是,若用数组的索引(下标)为key值,当data中的数组发生改变时(例如,数组的增删操作),改变的不仅仅是对应数据的索引,其他索引也会受影响而改变,缩小了复用的范围。但设置id可以最大限度的进行复用,提高渲染效率

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值