vue中為什么要用到key

Key

• key在vue中，有跟它意思一樣的關鍵的作用，整個框架對數據的渲染方面，起到了至關重要的作用

• 當更新數據的過程中，如果沒有key的存在，系統會自動默認更新數據之間所要區分的key值為undefined，根據undefined＝＝undefined，所以數據更新時會忽略特殊比對值的情況下自動按照對比為true的情況去更新渲染數據

• 特別是中途插入刪除數據的過程中，會因為中間某條數據的缺少而進行從從數據更新點之后的所有數據的重新更新以及多出數據的重新創建，這跟vue框架的本質原則相違背。

• 添加key這個唯一標識后，vue中patch算法會按照前后對比的原則，收尾找相同節點，將數據一一比對，相同的節點就會只做循環，不會發生任何更新，減少多余更新渲染，最后只將更改后的數據渲染到框架中。（sameVnode方法來判斷節點是否相同）