[vue] 什么是虛擬DOM？

虛擬 dom 是相對于瀏覽器所渲染出來的真實(shí) dom 的，在react，vue等技術(shù)出現(xiàn)之前，我們要改變頁面展示的內(nèi)容只能通過遍歷查詢 dom 樹的方式找到需要修改的 dom 然后修改樣式行為或者結(jié)構(gòu)，來達(dá)到更新 ui 的目的。這種方式相當(dāng)消耗計(jì)算資源，因?yàn)槊看尾樵?dom 幾乎都需要遍歷整顆 dom 樹，如果建立一個(gè)與 dom 樹對應(yīng)的虛擬 dom 對象（ js 對象），以對象嵌套的方式來表示 dom 樹，那么每次 dom 的更改就變成了 js 對象的屬性的更改，這樣一來就能查找 js 對象的屬性變化要比查詢 dom 樹的性能開銷小。

個(gè)人簡介

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

主目錄

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

總結(jié)

以上是生活随笔為你收集整理的[vue] 什么是虚拟DOM？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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