vue學習筆記runtime-only和runtime-compiler

一、vue內部過程　

　　1.首先將vue中的模板進行解析解析成abstract syntax tree （ast）抽象語法樹

　　2.將抽象語法樹在編譯成render函數

　　3.將render函數再翻譯成virtual dom 虛擬dom

　　4.將虛擬dom顯示在瀏覽器上

 

二、 runtime-only和runtime-compiler的區別

　　runtime-only比runtime-compiler更快，因為它省略了vue內部過程中的第一個過程，如果是runtime-compiler

　　那么main.js中就會出現template從而需要過程一導致增加了一個過程，同時增加了大小

 

三、 runtime-only中的render函數

render函數
render：function(createElement){
    //1.createElement('標簽'，{標簽的屬性}，[標簽中的內容])
    returncreateElement('h2',{class:'box'},['hello word'])
}
render傳入組件
render：function(createElement){
    //1.createElement('標簽'，{標簽的屬性}，[標簽中的內容])
    returncreateElement(組件對象)
}
//那么.vue文件中的template是又誰處理的了？
是由vue-template compier處理的