vue各版本命名

JavaScript011

vue各版本命名,第1张

Vue的各种版本介绍:

cjs(两个版本都是完整版,包含编译器

)vue.cjs.js

vue.cjs.prod.js(开发版,代码进行了压缩)

global(这四个版本都可以在浏览器中直接通过scripts标签导入,导入之后会增加一个全局的Vue对象)

vue.global.js(完整版,包含编译器和运行时)

vue.global.prod.js(完整版,包含编译器和运行时,这是开发版本,代码进行了压缩)

vue.runtime.global.js

vue.runtime.global.prod.js

browser(四个版本都包含esm,浏览器的原生模块化方式,可以直接通过的方式来导入模块)

vue.esm-browser.js

vue.esm-browser.prod.js

vue.runtime.esm-browser.js

vue.runtime.esm-browser.prod.js

bundler(这两个版本没有打包所有的代码,只会打包使用的代码,需要配合打包工具来使用,会让Vue体积更小)

vue.esm-bundler.js

bue.runtime.esm-bundler.js

在vue的文档中我们可以了解到vue有两个版本(vue.js),完整版与不完整版(vue.runtime.js),其中的vue.min.js和vue.runtime.js是完整版与不完整版的缩小版,省去了里面的注释。

template标签在vue实例绑定的元素内部,它是可以显示template标签中的内容,但是查看后台的dom结构不存在template标签。如果template标签不放在vue实例绑定的元素内部默认里面的内容不能显示在页面上,但是查看后台dom结构存在template标签。

vue完整版的文件名为vue.js,生产环境的完整版名字为vue.min.js

vue非完整版的文件名为vue.runtime.js,生产环境的非完整版名字为vue.runtime.min.js

完整版的template直接使用即可,非完整版的template需要使用vue-loader转译才行

完整版的render可加可不加,可直接在html里面写你所需渲染的dom节点,非完整版的视图需要写在render函数里用h创建标签

截至2022年4月,VUE 3 可以说是相对成熟了,但没有 VUE 2.× 成熟。

VUE 2.× 是一个比较稳定的版本,也是很长一段时间大家在使用的版本,社区生态已经十分完善了,所以,如果我们暂时还不必须去着急升级到VUE 3,毕竟等待vue3的生态成熟,还需要一段时间的积累,但是作为前端领域必不可少的一门技能,当然希望能够提前去接触到,毕竟前端的技术迭代更新就是这么快。

Vue.js 的主要特点:

1、易用:

在有HTML,CSS,JavaScript的基础上,快速上手。

Vue.js 的 API 是参考了AngularJS、KnockoutJS、Ractive.js、Rivets.js。

Vue.js 的 API 的对于其他框架的参考不仅是参考,其中也包含了许多 Vue.js 的独特功能。

2、灵活:

简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。

3、性能:

20kb min+gzip 运行大小、超快虚拟 DOM 、最省心的优化。

以上内容参考:百度百科-Vue.js