[vue] 你知道vue中key的原理嗎？說說你對它的理解

key的作用主要是為了高效的更新虛擬DOM; 如果沒有唯一的key, 數(shù)據(jù)更新時, 相同節(jié)點(diǎn)更新前后無法準(zhǔn)確一一對應(yīng)起來,會導(dǎo)致更新效率降低; 當(dāng)頁面的數(shù)據(jù)發(fā)生變化時，Diff算法只會比較同一層級的節(jié)點(diǎn)：如果節(jié)點(diǎn)類型不同，直接干掉前面的節(jié)點(diǎn)，再創(chuàng)建并插入新的節(jié)點(diǎn)，不會再比較這個節(jié)點(diǎn)以后的子節(jié)點(diǎn);如果節(jié)點(diǎn)類型相同，則會重新設(shè)置該節(jié)點(diǎn)的屬性，從而實(shí)現(xiàn)節(jié)點(diǎn)的更新;

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

總結(jié)

以上是生活随笔為你收集整理的[vue] 你知道vue中key的原理吗？说说你对它的理解的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。