1、dom 節點樹
高效的更新所有這些節點會是比較困難的，因為原生的dom節點屬性很多，渲染效能差。
2、虛擬 dom
「虛擬 dom」是我們對由 vue 元件樹建立起來的整個 vnode 樹的稱呼。
vue 的模板實際是編譯成了render 函式。
3、渲染流程
說明：（1）模板template主要通過createelement函式編譯為vnode。
（2）虛擬dom變為dom主要通過diff、patch的createelm函式。
（3）在vue初始化時，會呼叫initrender方法，initrender也是呼叫createelement編譯為vnode。
vue渲染頁面的流程 Vue中DOM渲染的過程
vue中dom渲染過程 1 響應式 監聽data屬性的getter setter 2 模板編譯 模板到render函式再到vnode。模板不是html，有指令 插值 js表示式，能夠實現迴圈 判斷。html是標籤語言，只有js才能實現迴圈判斷。因此，模板一定要轉化成js，即編譯模板。模板編譯為ren...
Vue3 0 渲染流程（三）
上兩篇文章分析了初次渲染大體流程，以及建立vnode過程，都比較簡單，這篇文章分析具體渲染vnode的過程。function basecreaterenderer options rendereroptions,createhydrationfns?typeof createhydrationfun...
頁面渲染流程
1.瀏覽器把獲取到的html 解析成1個dom樹，html中的每個tag都是dom樹中的1個節點，根節點就是我們常用的document物件。dom樹里包含了所有html標籤，包括display none隱藏，還有用js動態新增的元素等。2.瀏覽器把所有樣式 使用者定義的css和使用者 解析成樣式結構...