Vue中模版的編譯過程

Vue中模版的編譯是以下過程：模版--->ast(抽象樹)-->render 函數->虛擬 dom->實際 dom。

vue中的模版經過 compiler 編譯成ast(用於表示模版的 js 對象，也能夠說ast就是一個用來表示源代碼的js對象)，而後將ast生成對應render函數(這裏先不談關於ast的轉化細節)，render函數而後生成虛擬節點 vnode（用來描述節點及其子節點的信息），vnode的集合組成Virtual Dom(vue組件創建起來的整個vnode樹叫虛擬Dom樹)，最後生成真實Dom。