Vue中列表循环Key的作用

Key的作用 简答

1. Key只要是为了更高效的虚拟Dom,其原理是Vue在patch的过程中通过key可以精准的判断两个节点是否是同一个,从而避免频繁更新不同元素,使得整个patch过程更加高效,减少Dom的操作量,提高性能

2.若不设置key还可能在列表更新时引发一些隐蔽的bug

3.vue中在使用相同标签名元素的过渡切换时,也会使用key属性,其目的也是为了区分它们,否则vue只会替换其内部属性而不会发生过渡效果