、Vue 中的 key 有什么作⽤？

Vue 中的 key 有什么作⽤？

key是为Vue中 vnode 的唯一标记，通过这个key,我们的diff操作可以更准确、更快速。
Vue 的 diff过程可以概括为：oldCh 和 newCh 各有两个头尾的变量oldStartIndex、oldEndIndex和newStartIndex、newStartIndex，他们的新节点和旧节点会进行两两对比，即一共有4种比较方式：
newStartIndex 和oldStartIndex 、
newEndIndex 和 oldEndIndex 、
newStartIndex 和 oldEndIndex 、
newEndIndex 和 oldStartIndex，
如果以上4种比较都没匹配，如果设置了key，就会用key再进行比较，在比较的过程中，遍历会往中间靠，一旦 StartIdx > EndIdx 表明 oldCh 和 newCh ⾄少有⼀个已经遍历完了，就会结束比较。

所以Vue中key的作用是：key是为Vue中 vnode 的唯一标记，通过这个key,我们的diff操作可以更准确、更快速。

更准确：因为带key就不是 就地复用了，在sameNode函数 a.key===b.key 对比中可以避免就地复用的情况。所以会更加准确。

更快速：利用key的唯一性生成map对象来获取对应节点，比遍历方式更快，源码如下：

function createKeyToOldIdx (children, beginIdx, endIdx) {
 	let i, key
	const map = {}
 	for (i = beginIdx; i <= endIdx; ++i) {
 		key = children[i].key
 		if (isDef(key)) map[key] = i
 		}
 	return map
}