vue--key值的特殊用处
数组的v-foritem in itemsitem ofitemsitem,indexin items(item，index) in items对象的v-for（键值，键名，索引）value in object(value, key) in object(value, key, index) in objectv-for渲染的列表的结构采用“就地复用”的策略，也就说当数据重新排列数...
·
数组的v-for
item in items
item of items
item,index in items
(item，index) in items
对象的v-for（键值，键名，索引）
value in object
(value, key) in object
(value, key, index) in object
v-for渲染的列表的结构采用“就地复用”的策略，也就说当数据重新排列数据时，会复用已在页面渲染好的元素，不会移动 DOM 元素来匹配数据项的顺序，这种模式是高效的，改变现有位置的结构的数据即可
eg：
问题：
点击翻转数组哦，高亮并没有跟随1 在最后，而是直接复用在4上
原因：
点击翻转数组哦，高亮并没有跟随1 在最后，而是直接复用在4上
解决：需要提供一个唯一的key值（常用ID），以便它能跟踪每个节点的身份，从而重用和重新排序现有元素
前往低代码交流专区
更多推荐
4
0- 0
已为社区贡献8条内容
所有评论(0)