1. 程式人生 > >Vue2.x中的Render函數

Vue2.x中的Render函數

res ima 文本 技術 asc 點數據 而不是 reat javascrip

Render函數是Vue2.x版本新增的一個函數;使用虛擬dom來渲染節點提升性能,因為它是基於JavaScript計算。通過使用createElement(h)來創建dom節點。createElement是render的核心方法。其Vue編譯的時候會把template裏面的節點解析成虛擬dom;

什麽是虛擬dom?

虛擬dom不同於真正的dom,它是一個JavaScript對象。當狀態發生變化的時候虛擬dom會進行一個diff判斷/運算;然後判斷哪些dom是需要被替換的而不是全部重繪,所以性能會比dom操作高很多。

下面看一張Aresn大神總結的一張圖:

技術分享

Vue2.x版本中VNode屬性:

tag:當前節點標簽名,

data:當前節點數據對象,

children:子節點數組,

text:當前節點文本

Vue2.x中的Render函數