runtimecompiler和runtimeonly的区别（vue-cli）

（1）区别 在src文件夹中的main.js中

- runtimecompiler: template 解析 ast（抽象语法树）编译 render —> v-dom —> ui - runtimeonly: render —> v-dom —> ui

（2）runtimeonly的优点 ① 性能更高 ② 代码量更少

（3） render函数

runtimeonly中的main.js文件中并没有template 解析 ast（抽象语法树）编译 render这个步骤

render: h => h(App)

render: function (h) { return h(App) }

render函数的使用

(1) 基础性使用

render: function (createElement) { // 1.createElement('标签',{标签的属性},['内容',createElement()]) return createElement('h1', {class: 'box'}, ['hello vuecli', createElement('button', {}, ['按钮'])]) }

用createElement中创造的东西替换掉index.html中

（2） 组件中的使用

render: function (createElement) { return createElement(App) }

这里面这个App已经不包括template模板了，它是一个对象，里面就有这个render函数

那么是谁把.vue文件中的template模板处理成了render函数呢，就是vue-template-compiler