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

在react或vue中,for循环用Index作为key值是好还是坏呢?

时间:2019-06-17 20:27:20      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:utf-8   encoding   dom   基本实现   无法   for   enc   XML   for循环   

React 与 vue的基本实现原理是通过对比两次虚拟dom的不同 然后直接操作不同的dom  

当以数组的下标index作为key值时  其中一个元素发生了变化 就有可能导致所有元素的key值发生改变  diff算法是比较同级之间的不同  以key来进行关联  当对数组进行下标的变换时,比如删除第一条数据,那么以后所有的Index都会发生改变,那么key自然也跟着全部发生改变, 所以index作为key值是不稳定的,这种不稳定性有可能导致性能的浪费 导致diff无法关联起上一次一样的数据  因此 能不用Index作为key就不要用Index 

在react或vue中,for循环用Index作为key值是好还是坏呢?

标签:utf-8   encoding   dom   基本实现   无法   for   enc   XML   for循环   

原文地址:https://www.cnblogs.com/Aaron1Tall/p/11041761.html

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