Vue.js的两个版本
Vue.js的两个版本分别是：完整版Vue,运行时环境的Vue
完整版Vue：vue.js或vue.min.js
运行时Vue:vue.runtime.js
官方文档的解释：
- 完整版：同时包含编译器和运行时的版本。
- 运行时：用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。
区别
| Vue完整版 | Vue非完整版 | 备注 | |
|---|---|---|---|
| 特点 | 有compiler | 没有compiler | compiler占40% |
| 视图 | 写在html里或Vue实例的template的选项里面 | 写在render函数里，用h来创建标签 | h是作者写好传给render的 |
| cdn引入 | vue.js | vue.runtime.js | 生产时加.min |
| webpack引入 | 需要配置alias | 默认使用这个版本 | 作者配置 |
| @vue/cli引入 | 需要额外配置 | 默认使用这个版本 | 作者配置 |
推荐使用
非完整版：
原因：
1.保证用户体验,下载的文件要减小40%，但只支持h函数
2.保证开发体验，开发者可以直接在Vue文件里写HTML,而不写h函数
3.让loader做更多的事，vue-loader会把vue文件的HTML转成h函数
template和render
template
new Vue({
el:'#app',
template:`
<div>
{{n}}
<div/>
`
,
data(){
return{
n:1
}
}
})
注意：需要编译器，这里只有在完整版的环境下才可能实现，如果在runtime版本，会直接报错
render
new Vue({
render (h) {
return h('div', this.hi)
}
})
这样不需要编译器
如何用 codesandbox.io 写 Vue 代码？
登录codesandbox官网，记住不要登陆
点中间的create...按钮
创建项目的时候选择Vue,
然后创建好了
然后可以导出项目 Export ZIP
会把文件下载下来
