建站
咨詢
售后
建站咨詢
新聞中心
為了學(xué)習(xí)如何更好地使用 Vue，不需要閱讀本頁，但是它提供了更多信息，如果你想知道渲染在背后是如何工作的。
作為一家“創(chuàng)意+整合+營銷”的成都網(wǎng)站建設(shè)機(jī)構(gòu)，我們在業(yè)內(nèi)良好的客戶口碑。創(chuàng)新互聯(lián)提供從前期的網(wǎng)站品牌分析策劃、網(wǎng)站設(shè)計、做網(wǎng)站、成都網(wǎng)站設(shè)計、創(chuàng)意表現(xiàn)、網(wǎng)頁制作、系統(tǒng)開發(fā)以及后續(xù)網(wǎng)站營銷運(yùn)營等一系列服務(wù)，幫助企業(yè)打造創(chuàng)新的互聯(lián)網(wǎng)品牌經(jīng)營模式與有效的網(wǎng)絡(luò)營銷方法,創(chuàng)造更大的價值。
#虛擬 DOM
現(xiàn)在我們知道了偵聽器是如何更新組件的，你可能會問這些更改最終是如何應(yīng)用到 DOM 中的！也許你以前聽說過虛擬 DOM，包括 Vue 在內(nèi)的許多框架都使用這種方式來確保我們的接口能夠有效地反映我們在 JavaScript 中更新的更改
點(diǎn)擊此處實現(xiàn)
我們用 JavaScript 復(fù)制了一個名為 Virtual Dom 的 DOM，我們這樣做是因為用 JavaScript 接觸 DOM 的計算成本很高。雖然用 JavaScript 執(zhí)行更新很廉價，但是找到所需的 DOM 節(jié)點(diǎn)并用 JS 更新它們的成本很高。所以我們批處理調(diào)用，同時更改 DOM。
虛擬 DOM 是輕量級的 JavaScript 對象，由渲染函數(shù)創(chuàng)建。它包含三個參數(shù)：元素，帶有數(shù)據(jù)的對象，prop，attr 以及更多，和一個數(shù)組。數(shù)組是我們傳遞子級的地方，子級也具有所有這些參數(shù)，然后它們可以具有子級，依此類推，直到我們構(gòu)建完整的元素樹為止。
如果需要更新列表項，可以使用前面提到的響應(yīng)性在 JavaScript 中進(jìn)行。然后，我們對 JavaScript 副本，虛擬 DOM 進(jìn)行所有更改，并在此與實際 DOM 之間進(jìn)行區(qū)分。只有這樣，我們才能對已更改的內(nèi)容進(jìn)行更新。虛擬 DOM 允許我們對 UI 進(jìn)行高效的更新！
當(dāng)前名稱：創(chuàng)新互聯(lián)VUE3教程：Vue3.0渲染機(jī)制和優(yōu)化
本文路徑：http://www.5511xx.com/article/cdhdece.html
