vue完整版和运行版版的区别--codesandbox.io

	Vue完整版	Vue非完整版	评价
特点	有compiler	没有compiler	compiler 占体积40%
视图	写在HTML或者template选项	写在render函数里用h来创建标签	h是由玉溪写好给render的
CND引入	vue.js	vue.runtime.js	文件名不同生成环境后缀为。min.js
webpack引入	需要配置alias	默认配置	y尤雨溪
@vue/cli引入	需要额外配置	默认版本	尤雨溪和蒋豪群配置的

实践：使用非完整版和webpack的loader和Vue文件
1，保证用户实践，下载的js文件体积更小，但只支持h函数
2，保证开发体验，可以直接写在HTML里面，不写h函数
3，让loader去翻译，不写h函数

---

codesandbox.io
1，输入网址
2，创建项目
3，导出代码

---

template 和 render 怎么用

template是用来装html的，
render是非完整版用来将template里的HTML以JS的方式来渲染的，

new Vue({
  el: '#app'
  render(h) {
    return h('div', [this.n, h('button', {
      on: {
        click: this.add
      }
    }, '+1')])
  },
  data: {
    n: 0
  },
  methods: {
    add() {
      this.n += 1
    }
  }
})