vue2 key的作用和原理

我们在写v-for的时候都会绑定一个key值，这个key在vue中有什么作用呢，不写可以吗？
目标

1 key有什么作用
2 如何不写key会产生什么影响
3 key使用原理

key的作用

可以看vue2官网上给的解释，“给vue一个提示，以便跟踪每个节点的身份”，这样听着很模棱两可，到底是什么作用呢？

key值其实在页面没有状态变化时，没有任何作用，只是绑定在控件上，但是当我们对页面数据进行修改、输入等操作时，会引起新旧页面的更替，这个时候key的作用就体现了。vue会找到新旧DOM的key值进行比较，只更新有变化的部分，最后将替换新的内容，渲染到真实DOM上，这样或大大的提高渲染效率。

总结来说key的作用:
key是虑拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据[新数据]生成[新的虑拟DOM]随后Vue进行[新虚拟DOM] 与[旧虚拟DOM]的差异比较（这个对比过程又叫diff算法）

不写key会产生什么影响

在叙述之前，先说明一下不绑定key与key绑定index的效果是一样的，不绑的话vue会默认给绑定index。