Vue 循环的 key 作用

最新推荐文章于 2023-03-12 16:01:42 发布

原创最新推荐文章于 2023-03-12 16:01:42 发布 · 320 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #es6 #前端

Vue 专栏收录该内容

33 篇文章

订阅专栏

本文讲述了在Vue中使用:key属性来提高虚拟DOM更新效率的方法。通过为每个被循环生成的元素设置唯一的key值，Vue能够更好地追踪每个元素的状态，从而在数据变更时仅更新必要的部分而非重绘整个组件。

                    
                    vue 中循环需加 :key=“唯一标识” ，唯一标识可以指 item 里面 id、 index  等，因为 vue 组件高度复用增加key 可以标识组件的唯一性，为了更好地区别 各个组件，key 的作用主要是为了高效的更新虚拟 DOM
为遍历数组或元素中的唯一标识，增加或删减元素时，通过这个唯一标识 key  判断是否是之前的元素，vue会直接对已有的标签进行复用，不会整个的将所有 的标签全部重新删除和创建,只会重新渲染数据，然后再创建新的元素直到数据 渲染完为止