不添加:key
修改数据时,如果已经选择了第n个,那么数据无论怎么增加,选中的却是索引为n的那个数据,之前选中的那个数据已经被挤下去了,很明显这不是我们想要的
添加:key
修改数据时,如果已经选择了第n个,那么数据无论怎么增加,选中的还是之前选中的那个数据,这才是我们想要的。
结论
vue中列表循环需加:key=“唯一标识” 唯一标识可以是item里面id index等,因为vue组件高度复用增加Key可以标识组件的唯一性,为了更好地区别各个组件 key的作用主要是为了高效的更新虚拟DOM,使用diff算法的处理方法,对操作前后的dom树同一层的节点进行对比,一层一层对比。也就是效率更高,效果更好。