您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關vue和react中dom的區別有哪些的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
vue和react中dom的區別:1、vue會跟蹤每一個組件的依賴關系,不需要重新渲染整個組件樹;2、對于React而言,每當應用的狀態被改變時,全部組件都會重新渲染。
虛擬DOM概念隨著react的誕生而誕生,由facebook提出,其卓越的性能很快得到廣大開發者的認可;繼react之后vue2.0也在其核心引入了虛擬DOM的概念。
什么是虛擬DOM?
虛擬 dom 是相對于瀏覽器所渲染出來的真實 dom 的,在react,vue等技術出現之前,我們要改變頁面展示的內容只能通過遍歷查詢 dom 樹的方式找到需要修改的 dom 然后修改樣式行為或者結構,來達到更新 ui 的目的。
這種方式相當消耗計算資源,因為每次查詢 dom 幾乎都需要遍歷整顆 dom 樹,如果建立一個與 dom 樹對應的虛擬 dom 對象( js 對象),以對象嵌套的方式來表示 dom 樹,那么每次 dom 的更改就變成了 js 對象的屬性的更改,這樣一來就能查找 js 對象的屬性變化要比查詢 dom 樹的性能開銷小。
vue和react中虛擬dom的區別
vue和react中虛擬DOM(virtual DOM)是不一樣的。
vue會跟蹤每一個組件的依賴關系,不需要重新渲染整個組件樹。
而對于React而言,每當應用的狀態被改變時,全部組件都會重新渲染,所以react中會需要shouldComponentUpdate這個生命周期函數方法來進行控制。
感謝各位的閱讀!關于“vue和react中dom的區別有哪些”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。