vue之key的原理与作用

、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、

key不会显示在真是dom中，它是vue底层使用的，相当于一个身份证，是唯一的。

当使用index时key会根据索引的变化而变化，
1、数据会生成虚拟dom，并会给每天数据自动加一个key值，如果不写:key=“index”,则虚拟dom也会自动加上key值。
2、将虚拟dom转换为真实dom
3、当在数据头部增加一条数据时，新数据重新生成虚拟dom
4、旧虚拟dom和新虚拟dom就会根据key值进行一对一比较
5、例如旧虚拟dom：key=0和新虚拟dom：key=0进行比较；发现不同的地方就进行修改，发现一样的地方，就还是原来的样子不变。例如上图中的输入框内，因为两个输入框节点是一样的，所以没有变化。
6、比对完key=0，就在比对key=1，依次往下比对。
7、比对更新完，就生成新的真实dom。