vue中key的作用

帮助diff算法确认序号。 key属性主要用在vue的虚拟DOM算法，在新旧nodes对比时辨识VNodes，如果不使用key，vue会使用一种最大限度减少动态元素并且尽可能尝试就地修改/复用相同类型元素的算法；使用key时，会基于key的变化重新排列元素顺序，并且会移除/销毁key不存在的元素。 有key的diff算法第一步从头开始遍历、比较，key一致会跳过，不一致时就会break跳出循环；第二步从尾部进行遍历、比较，同样key一致会跳过，不一致时就会break跳出循环；第三步如果旧节点遍历完毕，但是依然有新的节点，那么就新增节点；如果新节点遍历完毕还有旧节点就移除旧节点。 可以发现，vue在进行diff算法时会尽量利用key进行优化操作，在没有key的时候效率是非常低效的，在进行插入或者重置顺序的时候，保持相同得到key可以让diff算法更加高效。

22:55