可以唯壹的確定壹個DOM元素，讓diff算法更加高效
上邊案例重現的是以下過程
不使用key，則 diff 算法默認是這樣的：
即把C更新成F，D更新成C，E更新成D，最後再插入E，是不是很沒有效率？ 更新了3次，之後做了壹次創建插入的操作
所以我們需要使用key來給每個節點做壹個唯壹標識，Diff算法就可以正確的識別此節點，找到正確的位置區插入新的節點。
只使用了壹次創建追加的操作
使用key
結論：
點擊第二項的delete，
原因很簡單，妳認為妳刪除了2，但Vue會認為妳做了兩件事：
借用官方文檔上的例子：
這裏如果text發生改變，整個<span>元素會發生更新，因為當text改變時，這個元素的key屬性就發生了改變，在渲染更新時，Vue會認為這裏新產生了壹個元素，而老的元素由於key不存在了，所以會被刪除，從而觸發了過渡。
假如沒有key屬性：
那麽當text改變時，Vue會復用元素，只改變<span>元素的內容，而不會有新的元素被添加進來，也不會有舊的元素被刪除。
同理，key屬性被用在組件上時，當key改變時會引起新組件的創建和原有組件的刪除，此時組件的生命周期鉤子就會被觸發。