vue完整版和运行时版本的区别？
完整版：同时包含编译器和运行时的版本，对应的文件名为vue.js或vue.min.js(生产环境)，完整版包含编译器，可以直接获取html中的元素，更改元素值，也可以将template模板字符串编译之后，渲染到html中。缺点是占用更大的代码体积，用webpack引入，需要配置alias，@vue/cli 引入也需要额外配置。
runtime版：用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切，对应的文件名为vue.runtime.js或vue.runtime.min.js(生产环境)，需要利用 render 里的 h 函数来创建 HTML 节点，vue.js的webpack引入和@vue/cli 引入都默认使用此版本。在实际开发中，由于h函数的参数比较复杂，可以使用vue-loader把vue文件里的HTML转为h函数。
template 和 render 怎么用？
template是类似于html一样的模板来进行组件的封装。
new Vue({
el:'#app',
template:'<div> {{ value }} </div>',
data:{
value:0
}
})
Vue中的Render函数中有一个参数，这个参数是一个函数通常我们叫做h。其实这个h叫做createElement。Render函数将createElement的返回值放到了HTML中
new Vue({
el:'#app',
data(){
return {
value:0
}
},
render (h) {
return h('div', this.value')
}
})
如何用 codesandbox.io 写 Vue 代码？
codesandbox.io是一个在线编辑器，能够快速创建项目。不要登录，登录限制个数。
点击 create sandbox
选择vue
创建成功
