react和vue中为什么用key、并且用key的时候为什么不能用index

为什么用key

在虚拟dom进行diff算法的时候，使用key可以对key进行比较然后来判断两个节点是否是同一节点，极大的增加了速度。

为什么避免使用index

先来总结好了的：

1. 如果只是单纯的渲染或者是顺序操作，使用index没有问题
2. 如果是逆序的删除或者增加，会增加多余的DOM渲染
3. 如果是逆序操作，并且还有输入的DOM，那么会造成渲染错误