1diff算法 虛擬dom 當(dāng)我們修改了某個數(shù)據(jù)，如果直接渲染到真實(shí)dom上會引起整個dom樹的重繪和重排，因此采用diff算法來解決上述問題，通過改變局部dom來更新視圖渲染真實(shí)的dom的開銷比較大1我們先根據(jù)真實(shí)DOM生成。

ReactVue 項(xiàng)目時為什么要在組件中寫 key，其作用是什么vue和react都是采用diff算法來對比新舊節(jié)點(diǎn)，從而更新節(jié)點(diǎn)key的作用是為了在執(zhí)行 diff算法 的時候，更快的找到對應(yīng)的節(jié)點(diǎn)，提高diff速度相關(guān)鏈接。

1 若對數(shù)據(jù)進(jìn)行逆序添加逆序刪除等破壞順序操作會產(chǎn)生沒必要的真實(shí)DOM更新è頁面效果沒問題，但效率低 2 如果結(jié)構(gòu)中還包含輸入類的DOM會產(chǎn)生錯誤DOM更新è頁面有問題 最好使用每條數(shù)據(jù)的唯一標(biāo)識作為key，比如id。

8vue中 key 值的作用答當(dāng) Vuejs 用 vfor 正在更新已渲染過的元素列表時，它默認(rèn)用“就地復(fù)用”策略如果數(shù)據(jù)項(xiàng)的順序被改變，Vue 將不會移動 DOM 元素來匹配數(shù)據(jù)項(xiàng)的順序， 而是簡單復(fù)用此處每個元素，并且。

一reactvue中的key有什么作用key的內(nèi)部原理是什么二為什么遍歷列表時，key最好不要用index1創(chuàng)建組件 2渲染組件到頁面 慢動作回放。

使用key 結(jié)論點(diǎn)擊第二項(xiàng)的delete，原因很簡單，你認(rèn)為你刪除了2，但Vue會認(rèn)為你做了兩件事借用官方文檔上的例子這里如果text發(fā)生改變，整個元素會發(fā)生更新，因?yàn)楫?dāng)text改變時，這個元素的key屬性就發(fā)生了改變，在渲染更。

你所關(guān)注的這一個架構(gòu)方面的問題還是一個比較核心的問題的，這就涉及到一些管控的知識了。

key 的作用是為了高效的更新虛擬 DOM，其原理是 vue在 path中調(diào)用 updateChildren 中會遍歷所以的節(jié)點(diǎn)，如果沒有設(shè)置 key 的時候，會認(rèn)為比較的兩個節(jié)點(diǎn)為同一個節(jié)點(diǎn)，會導(dǎo)致頻繁的更新不同的元素，導(dǎo)致了頻繁的 DOM 操作如果。

1虛擬DOM中key的作用key是虛擬DOM中對象的標(biāo)識，當(dāng)數(shù)據(jù)發(fā)生變化時，Vue會根據(jù)新數(shù)據(jù)生成新的虛擬DOM，隨后Vue進(jìn)行新虛擬DOM與舊虛擬DOM的差異比較，比較規(guī)則如下2對比規(guī)則1舊虛擬DOM中找到了。