vue和react中dom的區(qū)別有哪些

這篇文章給大家分享的是有關(guān)vue和react中dom的區(qū)別有哪些的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

vue和react中dom的區(qū)別：1、vue會(huì)跟蹤每一個(gè)組件的依賴關(guān)系，不需要重新渲染整個(gè)組件樹；2、對(duì)于React而言，每當(dāng)應(yīng)用的狀態(tài)被改變時(shí)，全部組件都會(huì)重新渲染。

虛擬DOM概念隨著react的誕生而誕生，由facebook提出，其卓越的性能很快得到廣大開發(fā)者的認(rèn)可；繼react之后vue2.0也在其核心引入了虛擬DOM的概念。

什么是虛擬DOM？

虛擬 dom 是相對(duì)于瀏覽器所渲染出來的真實(shí) dom 的，在react，vue等技術(shù)出現(xiàn)之前，我們要改變頁(yè)面展示的內(nèi)容只能通過遍歷查詢 dom 樹的方式找到需要修改的 dom 然后修改樣式行為或者結(jié)構(gòu)，來達(dá)到更新 ui 的目的。

這種方式相當(dāng)消耗計(jì)算資源，因?yàn)槊看尾樵?dom 幾乎都需要遍歷整顆 dom 樹，如果建立一個(gè)與 dom 樹對(duì)應(yīng)的虛擬 dom 對(duì)象（ js 對(duì)象），以對(duì)象嵌套的方式來表示 dom 樹，那么每次 dom 的更改就變成了 js 對(duì)象的屬性的更改，這樣一來就能查找 js 對(duì)象的屬性變化要比查詢 dom 樹的性能開銷小。

vue和react中虛擬dom的區(qū)別

vue和react中虛擬DOM（virtual DOM）是不一樣的。

vue會(huì)跟蹤每一個(gè)組件的依賴關(guān)系,不需要重新渲染整個(gè)組件樹。

而對(duì)于React而言，每當(dāng)應(yīng)用的狀態(tài)被改變時(shí)，全部組件都會(huì)重新渲染，所以react中會(huì)需要shouldComponentUpdate這個(gè)生命周期函數(shù)方法來進(jìn)行控制。

感謝各位的閱讀！關(guān)于“vue和react中dom的區(qū)別有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！