一:VUE的两个版本(完整版和非完整版)的区别
- vue完整版 Vue完整版文件名为vue.js和vue.min.js,后者是压缩版,取消了注释和警告,适合在生产环境下使用
- Vue非完整版 Vue非完整版文件名为vueruntime.js和vue.runtime.min.js,后者是压缩版,取消了注释和警告,适合在生成环境下使用
二:template和render怎么使用
- template的使用
//完整版可使用,需要编译器
new Vue({
template:'<div>{{ hi}}</div>'
)
- render(完整版和非完整版均可用)
//不需要编译器
new Vue({
render (h) {
return h ('div',this.hi)
}
})
最佳实践:使用非完整版,同时配合vue-loader和vue文件。使用非完整版可以保证用户体验,用户下载的JS文件体积更小,但是只支持h函数。并且能保证开发体验,开发者可以直接在vue文件里写HTML标签。
三:如何使用codesandbox.io写Vue代码
图源:zhuanlan.zhihu.com/p/104727485
- create a Sandbox
- 选择Vue
- 可以开始写代码啦