Vue的两个版本
- 完整版【cdn.bootcss.com/vue/2.6.11/…
- 非完整版【cdn.bootcss.com/vue/2.6.11/…
- 注：.min.js表示是生产环境下的，进行了变量压缩
区别
-
完整版：同时包含编译器和运行时的版本。
-
编译器：用来将模板字符串编译成为 JavaScript 渲染函数的代码。
-
运行时：用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。
总的来说，两者差距就在于是否由编译器，编译器的体积过大，所以建议使用非完整版
在我们开发时，有什么不同？
- 非完整版需要render函数
- 完整版可以直接使用template模板（因为有编译器，所以完整版会认识template中的内容）
template & render
// 需要编译器
new Vue({
template: '<div>{{ hi }}</div>'
})
// 不需要编译器
new Vue({
render (h) {
return h('div', this.hi)
}
})
当使用 vue-loader 或 vueify 的时候，*.vue 文件内部的模板会在构建时预编译成 JavaScript。你在最终打好的包里实际上是不需要编译器的，所以只用运行时版本即可。
因为运行时版本相比完整版体积要小大约 30%，所以应该尽可能使用这个版本。如果你仍然希望使用完整版，则需要在打包工具里配置一个别名：
工具codesandbox.io
这是一个很方便，很强大的在线IDE（比编辑器强大），要比JS Bin更炫酷。
- 点击Vue，就可以创建Vue项目
- 超级方便！！！
工具连接：codesandbox.io
