码迷,mamicode.com
首页 > 其他好文 > 详细

Vue中key的作用

时间:2020-07-08 23:15:36      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:判断   head   class   too   建议   工作   获取   方式   生成   

key是为每个vnode指定唯一的id,在同级vnode的Diff过程中,可以根据key快速的进行对比,来判断是否为相同节点,

利用 key 的唯一性生成 map 对象来获取对应节点,比遍历方式更快,指定key后,可以保证渲染的准确性(尽可能的复用 DOM 元素。)

为什么不建议用index作为key?

用index 作为 key,和没写基本上没区别,因为不管你数组的顺序怎么颠倒,index 都是 0, 1, 2 这样排列,导致 Vue 会复用错误的旧子节点,做很多额外的工作

一般都用数据中的唯一值,比如ID这种,或者实在不行使用UUID库。

Vue中key的作用

标签:判断   head   class   too   建议   工作   获取   方式   生成   

原文地址:https://www.cnblogs.com/qinglaoshi/p/13269682.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!