VUE初学者

193 阅读1分钟

一: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

  • 可以开始写代码啦

四:VUE模板总结