Vue的runtimecompiler和runtimeonly

1. runtime-compiler

import Vue from 'vue';
import App from './App.vue';

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

// 渲染过程 template-> ast -> render -> vdom ->UI
上面例子可以换种写法

 export default  new Vue({
       el:'#app', 
       render: function (createElement){
         //createElement('标签' ,{标签属性},['内容‘])
        // return createElement('h2',{class:'box'},['hello world',createElement('botton',['按钮‘])]);
        return createElement(App);
       }
   })

2. runtime-only

import Vue from 'vue';
import App from './App.vue';

export default new Vue({
  el: '#app',
  render: h => h(App)
})

// 渲染过程 render -> vdom ->UI;
比较 ： 1. only性能更高；底层代码量更少