Vue两个版本的区别和使用方法(更深层次了解)
在我们使用vue时，我们可以引用两个不同版本的Vue，分别是Vue完整版（vue.js）和Vue（vue.runtime.js）非完整版，那么它们的区别是什么呢，今天我们就来分析下这两个不同版本之间的区别。
1、文件名
2、文件大小
完整版：同时包含编译器和运行时的版本。
编译器：用来将模板字符串编译成为JavaScript渲染函数的代码。
而非完整版不包含编译器，体积约比完整版小30%。
3、视图
完整版
视图写在HTML里或者template选项里，由于有compiler(编译器)的存在，完整版运行时：用来创建Vue实例、渲染并处理虚拟DOM等的代码。基本上就是除去编译器的其它一切。
非完整版
完整版运行时：当使用vue-loader或vueify的时候，*.vue文件内部的模板会在构建时预编译成JavaScript。你在最终打好的包里实际上是不需要编译器的，所以只用运行时版本即可。
//不需要编译器
newVue({
render(h){
returnh('div',this.hi)
}
})
//需要编译器
newVue({
template:'{{hi}}'
})
4、配置
从webpack引入,完整版需要配置alias,非完整版是默认配置;
从@vue/cli引入,完整版需要额外配置,非完整版是默认配置。
总结
既然这两者有这么多不同,那我们平时用哪个版本呢?
当然是用非完整版了,理由如下:
1.保证用户体验，用户下载的JS文件体积更小，但只支持h函数
2.保证开发体验，开发者可直接在vue文件里写HTML标签，而不写h函数
3.活让loader做，vue-loader会把vue文件里的HTML转为h函数,这样我不用写太多麻烦的h函数就可做到和完整版一样的事,还更节约文件大小,提升用户体验。
以上所述是小编给大家介绍的Vue两个版本的区别和使用方法(更深层次了解)，希望对大家有所帮助！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。