這篇文章給大家分享的是有關vue和react中dom的區(qū)別有哪些的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
10年積累的網(wǎng)站設計制作、網(wǎng)站制作經(jīng)驗,可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡服務。我雖然不認識你,你也不認識我。但先做網(wǎng)站設計后付款的網(wǎng)站建設流程,更有南通免費網(wǎng)站建設讓你可以放心的選擇與我們合作。vue和react中dom的區(qū)別:1、vue會跟蹤每一個組件的依賴關系,不需要重新渲染整個組件樹;2、對于React而言,每當應用的狀態(tài)被改變時,全部組件都會重新渲染。
虛擬DOM概念隨著react的誕生而誕生,由facebook提出,其卓越的性能很快得到廣大開發(fā)者的認可;繼react之后vue2.0也在其核心引入了虛擬DOM的概念。
什么是虛擬DOM?
虛擬 dom 是相對于瀏覽器所渲染出來的真實 dom 的,在react,vue等技術出現(xiàn)之前,我們要改變頁面展示的內(nèi)容只能通過遍歷查詢 dom 樹的方式找到需要修改的 dom 然后修改樣式行為或者結構,來達到更新 ui 的目的。
這種方式相當消耗計算資源,因為每次查詢 dom 幾乎都需要遍歷整顆 dom 樹,如果建立一個與 dom 樹對應的虛擬 dom 對象( js 對象),以對象嵌套的方式來表示 dom 樹,那么每次 dom 的更改就變成了 js 對象的屬性的更改,這樣一來就能查找 js 對象的屬性變化要比查詢 dom 樹的性能開銷小。
vue和react中虛擬dom的區(qū)別
vue和react中虛擬DOM(virtual DOM)是不一樣的。
vue會跟蹤每一個組件的依賴關系,不需要重新渲染整個組件樹。
而對于React而言,每當應用的狀態(tài)被改變時,全部組件都會重新渲染,所以react中會需要shouldComponentUpdate這個生命周期函數(shù)方法來進行控制。
感謝各位的閱讀!關于“vue和react中dom的區(qū)別有哪些”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
網(wǎng)頁名稱:vue和react中dom的區(qū)別有哪些-創(chuàng)新互聯(lián)
地址分享:http://www.rwnh.cn/article44/dgsgee.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)、電子商務、網(wǎng)頁設計公司、微信小程序、靜態(tài)網(wǎng)站、關鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容