4.2 runtime-only和runtime+compiler的区别

runtime-only:

new vue({
    el:'#app',
    render:h=>h(app)
})

render:h=>h(app)是箭头函数，相当于render:function(h) { return h(app) }

执行步骤：render函数->vdom（虚拟dom）->UI   //性能更高

new Vue({
  el: '#app',
  render:function(createElement){
    //1.createElement('HTML标签',{标签的属尾},['标签内容']) 第三个参数多个内容用逗号分隔
    return createElement('h2',{class : 'box'},['hello word'])
    //2.createElement也可以直接传入一个组件。.vue文件中的template是由vue-template-compiler解析成render函数的.vue-template-compiler是开发时依赖。
  }
})

runtime+compiler:

new Vue({
    el:'#app',
    template:'<app/>',
    components:{app}
})

执行步骤：template->解析成ast（抽象语法树）->编译成render函数->vdom（虚拟dom）->UI