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处理的