vue学习(五)基础入门-基础知识(7)

v-for 

v-for 遍历对象

组件的key属性

当Vue用 v-for 正在更新已渲染过的元素列表是,它默认用“就地复用”策略。如果数据项的顺序被改变,Vue将不是移动DOM元素来匹配数据项的改变,而是简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素。

为了给Vue一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一 key 属性。key属性的类型只能为 string或者number类型。

vue中列表循环需加:key="唯一标识" 唯一标识可以是item里面id index等,因为vue组件高度复用增加Key可以标识组件的唯一性,为了更好地区别各个组件 key的作用主要是为了高效的更新虚拟DOM

Vue——v-for中 key 属性的使用

关于Vue v-for中的:key作用

vue中使用v-for时为什么不能用index作为key?

为什么vue中的v-for key值不推荐使用index

Vue响应式 数组方法

注:通过索引值修改数组中的元素不是响应式的

发布了49 篇原创文章 · 获赞 61 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/wuyxinu/article/details/102898500