1.两个版本对应的文件名
通过bootCDN引入，完整版（vue.js），非完整版(vue.runtime.js)。
2.template 和 render 怎么用
完整版有compiler（编译器用来将模板字符串编译成为 JavaScript 渲染函数的代码），这导致完整版体积更大。
完整版的视图是写在HTML里或template选项的，由于有 compiler(编译器)的存在，完整版运行时，用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。
template版, 引入vue.js
new window.Vue({
el: "#app",
template: `
<div @click="add">{{n}} <button>+1</button></div>
`,
data: {
n: 0
},
methods:{
add(){
this.n += 1
}
}
})
非完整版没有compiler，所以体积更小，要比完整版体积小大概30%。
非完整版的视图是写在render里的，是用h函数来创建标签。非完整版运行时，当使用 vue-loader 或 vueify 的时候，*.vue 文件内部的模板会在构建时预编译成 JavaScript。我们在最终打好的包里实际上是不需要编译器的，所以只用运行时版本即可。
render版, 引入vue.runtime.js
new window.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
}
}
})
从 webpack 引入,完整版需要配置 alias,非完整版是默认配置;
从 @vue/cli 引入,完整版需要额外配置,非完整版是默认配置。
总结:
虽然有两个版本，但现在前端基本是不会用完整版的，平时使用默认都是代码体积小的非完整版，因为编译器的工作交给vue-loader去做了。
选择非完整版的理由如下：
保证用户体验，用户下载的JS文件体积更小，但只支持h函数。
保证开发体验，开发者可直接在vue文件里写HTML标签，而不写 h函数。
简化操作流程，vue-loader 会把vue文件里的HTML转为h函数,这样我们就不需要写太多麻烦的h函数就可做到和完整版一样的事，还更节约文件大小，提升用户体验。
3.如何用 codesandbox.io 写 Vue 代码
第1步：打开http://codesandbox.io , 不需要登录(登录之后只能创建50个项目), 然后创建一个新的vue项目即可
第2步：选择Vue项目
第3步：进行对vue的相关操作
第4步：点击File下的Export to ZIP ，导出到你想要存储的文件夹。
