vue cli2 创建项目 runtime+compiler和runtime-only的选择

runtime+compiler和runtime-only的区别：
区别在于main.js

runtime–compiler
template–ast–render-vdom-UI

runtime-only
render–vdom-UI
1.这个性能更高
2.代码量更少

我们可以在runtime+compiler的mian.js里面把代码改写一下：

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

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  render:function(createElement){
    return createElement('h2',
      {class:'box'},
      ['Hello vue!',
      createElement('button',['按钮'])])
  }
})

原来的代码是：

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

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  components: { App },
  template: '<App/>'
})

运行后：npm run dev