深入分析一下 Vue 中不推薦用 index 做 key的原因

在 Vue 中為什么不推薦用 index 做 key？下面本篇文章就來(lái)給大家分析一下原因，希望對(duì)大家有所幫助，快來(lái)收藏吧！

前端開發(fā)中，只要涉及到列表渲染，那么無(wú)論是 React 還是 Vue 框架，都會(huì)提示或要求每個(gè)列表項(xiàng)使用唯一的 key，那很多開發(fā)者就會(huì)直接使用數(shù)組的 index 作為 key 的值，而并不知道 key 的原理。那么這篇文章就會(huì)講解 key 的作用以及為什么最好不要使用 index 作為 key 的屬性值。

key 的作用

Vue 中使用虛擬 dom 且根據(jù) diff 算法進(jìn)行新舊 DOM 對(duì)比，從而更新真實(shí) dom ，key 是虛擬 DOM 對(duì)象的唯一標(biāo)識(shí), 在 diff 算法中 key 起著極其重要的作用。【