虛擬dom就是通過乙個js物件來描述乙個dom節點，比如
="a" id=
"b">我是內容<
/div>
,text:
'我是內容'
,// 文字內容
children:
// 子元素}
我們都知道vue採用的是mvvm的框，核心思想就是通過資料控制檢視，當時資料發生後變化的時候檢視也要發生對應的變化，如果不採用虛擬dom技術，每一次都去操作真實的dom樹那麼在效能方面的消耗將會是非常大的。採用虛擬dom的方式通過js模擬出的dom節點，在每次資料法還是能變化的時候我們只需要通過diff演算法來對比計算出需要更新的節點，這樣會大大提公升檢視層渲染效能。
vue中的虛擬dom主要通過vnode類實現，以下是vnode類的原始碼
export
default
class
vnode
getchild()
: component |
void
}
vnode類中只有三種型別的節點可以被建立和插入到dom中分別是元素節點，文字節點，注釋節點。
描述乙個注釋節點，只需要傳入兩個屬性，即：text和iscomment,text代表的是傳入的具體注釋資訊，iscomment代表的則是該節點是不是注釋節點，返回乙個布林值
// 建立注釋節點
export
const createemptyvnode =
(text: string ='')
=>
// 建立文字節點
export
function
createtextvnode
(val: string | number)
// 真實dom節點
'a'>
元素節點<
/span>
<
/div>
// vnode節點
,children:
}
componentoptions :元件的option選項，如元件的props等
componentinstance :當前元件節點對應的vue例項
fncontext:函式式元件對應的vue例項
fnoptions: 元件的option選項
面試 vue 什麼是虛擬dom？
官方概念 vue通過建立乙個虛擬的dom數對真實的dom發生的變化保持追蹤 一棵真實的dom樹的渲染需要先解析css樣式和dom樹，然後將其整合成一棵渲染樹，再通過布局演算法去計算每個節點在瀏覽器中的位置，最終輸出到顯示器上面。而我們所提及的虛擬的dom 則可以理解為儲存了一棵dom樹被渲染之前所包...
vue虛擬DOM是什麼？vue的虛擬DOM的用法
vue虛擬dom是什麼？vue的虛擬dom的用法 1 為什麼需要虛擬dom 雖然採用的是文件碎片，但是操作的還是真實的dom。而我們知道操作dom的代價是昂貴的，所以vue2.0採用了虛擬dom來代替對真實dom的操作，最後通過某種機制來完成對真實dom的更新，渲染檢視。所謂的虛擬dom，其實就是用...
Vue中的虛擬DOM
眾所周知，在網頁中最大的開銷就是dom操作，dom很慢而且非常龐大。原生 js 或 jq 操作dom時，瀏覽器會從構建dom樹開始從頭到尾執行一遍流程。在一次操作中，我需要更新10個節點，瀏覽器不知道共有10個節點要更新，就會執行10次更新操作，浪費效能，使頁面出現卡頓，影響使用者體驗。於是，就出現...