Vue中v-for加一个key的作用

在写v-for的时候,都需要给元素加上一个key属性

key的主要作用就是用来提高渲染性能的（关键词：提高渲染性能）

需要使用 key 来给每个节点做一个唯一标识，Diff 算法就可以正确的识别此节点，找到正确的位置区插入新的节点 所以一句话，key 的作用主要是为了高效的更新虚拟 DOM

为什么不建议使用index作为key

• 造成多余的节点更新

• 造成意外的页面显示错误（列表中有input、checkbox等类似元素时）

因为在插入数据或者删除数据的时候，会导致后面的数据的key绑定的index变化，进而导致从新渲染，效率会降低

参考文章链接

为什么不建议用index作为v-for的key？ (opens new window)
为什么使用v-for时必须添加唯一的key? (opens new window)
在 Vue 中为什么不推荐用 index 做 key (opens new window)