Vue和React中的key

key的作用：

同一层级的节点，通过唯一的key进行区分，key是vnode的唯一标记，参与对比新旧vnode。

 

避免使用index作为key:

当index作为key的时候，新插入一条数据的时候，它后面列表项的key都会变化，key变化的列表项都会重新渲染，但其实它们的新旧vnode是可以复用的，这样造成了没有必要的开销。尽量不要用index作为key，应该使用数据中的唯一值，如id字段。