vue--key值的特殊用处

数组的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），以便它能跟踪每个节点的身份，从而重用和重新排序现有元素