本文主要介绍Vue两种不同构建版本的差异，以及编写代码的最佳实践。作者：王二狗座右铭：告诉自己，再累也不要忘记学习。成功没有捷径，只有一步一步来。完整版和运行时版本打开Vue官网，你会发现Vue有两种不同的构建版本，Vue官方对这两种不同构建版本的解释如下：完整版：包括编译器和运行时版本（编译器：代码使用将模板字符串编译成JS渲染函数）运行时：用于创建Vue实例、渲染和操作虚拟DOM等的代码。基本上所有其他内容都交给编译器。基于构建工具的两个版本UMDCommonJS浏览器直接使用完整版vue.jsvue.common.jsvue.esm.jsvue.esm.browser.js运行时版vue.runtime.jsvue.runtime.common.jsvue.runtime.esm比较了两个版本的.js之间的差异。完整版有编译器和没有编译器。完整版体积较大，仅编译器就占了整个文件的40%。视图以HTML或模板选项编写。写在render函数中，使用h创建标签h是游雨溪写的CDN，传给render导入vue.jsvue.runtime.js文件名不同，生成环境后缀为.min.jswebpackimport需要配置alias默认使用该版本由Xi@vue/cli配置引入需要额外配置。默认使用此版本。游雨溪蒋浩群配置的最佳实践：一直使用不完整的版本，然后配合vue-loader和vue.json使用。思路：为保证用户体验，用户下载的JS文件较小，但只支持h功能。为了保证开发体验，开发者可以直接在vue文件中写html标签，而不用写h函数的脏活，让loader来做。vue-loader将vue文件中的html转成h函数。你的点赞是我继续分享好东西的动力，欢迎点赞！
