【Vue】完整版 VS 非完整版

it2024-03-24  78

【Vue】深入了解Vue完整版与非完整版

目录

术语完整版Vue非完整版Vue深入理解两个版本的区别引用出错的结果

一、术语

编译器:用来将模板字符串编译成为JavaScript渲染函数的代码

运行时:用来创建Vue实例、渲染并处理虚拟DOM等的代码。基本就是除去编译器的其他一切。


二、完整版

完整版体积大(假设它占比100K),功能强,有编译器。

vue.js

包含注释信息,全部的代码


vue.min.js

不包含注释信息,只是代码



三、非完整版

非完整版体积小(相比于完整版为70K),功能弱,没有编译器。

vue.runtime.js

包含注释信息,全部的代码


vue.runtime.min.js

不包含注释信息,只是代码



四、深入理解两个版本的区别

Vue完整版Vue非完整版评价特点有compiler没有compilercompiler占40%体积视图写在HTML里,或者卸载template选项里写在render函数里用h来创建标签h是vue作者(尤雨溪)写好传给render的cdn引入vue.jsvue.runtime.js文件不同,生产环境后缀为.min.jswebpack引入需要配置alias默认使用此版尤雨溪配置@vue/cli需要额外配置默认使用此版尤雨溪、蒋豪群配置 最佳实践:总是使用非完整版,然后配合vue-loader和vue文件。思路: 保证用户体验,用户下载的JS文件体积更小,但支持h函数保证开发体验,开发者可直接在vue文件里写HTML标签,而不写h函数。脏活让loader做,vue-loader把vue文件里的HTML转为h函数。

五、引用出错的后果

vue.js错用成vue.rentime.js

无法将HTML编译成视图

vue.runtime.js错用成vue.js

代码体积变大而已,因为vue.js有编译HTML的功能

更多详情信息

最新回复(0)