作者:最好的冰雪之母_227 | 来源:互联网 | 2020-08-25 07:37
vue3.0预计在2019年下半年左右发布,vue3.0版本与其他版本完全不同,它最大限度的减少了开发人员配置工具的次数,另外增添了许多丰富的内置功能,还附带了一个完整的GUI用于创建和管理项目
vue3.0预计在2019年下半年左右发布,vue3.0版本与其他版本完全不同,它最大限度的减少了开发人员配置工具的次数,另外增添了许多丰富的内置功能,还附带了一个完整的GUI用于创建和管理项目
更多功能
Modern Mode
有了Babel,你可以使用ES2015 +中所有最新的语言功能,但这也意味着我们需要转译和polyfill bundle以支持旧版本的浏览器。这些转换后的包通常比原始的原生ES2015 +代码更冗长,解析和运行速度也更慢。鉴于今天大多数现代浏览器都支持原生ES2015 +代码,因此它也必须支持较旧的代码,但对浏览器来说,运行这种低效率的代码是一种浪费。
用“Modern Mode”可帮你解决此问题。在构建时,使用以下命令:
vue-cli-service build --modern
Vue CLI将生成两个版本的应用程序:一个是支持ES模块的现代浏览器的现代软件包,以及一个不支持ES模块的旧版浏览器的旧版软件包。
生成的HTML文件自动采用Phillip Walton帖子中讨论的技术:
可在支持它的浏览器中加载现代软件包; 也可用
进行预加载;
加载旧版的软件包可以使用
,支持ES模块的浏览器会自动忽略该软件包。
的修复程序在Safari 10会自动注入。
对于Hello World应用程序,现代软件包已经缩小了16%。在实际应用中,现代软件包通常会显著加快解析和评测速度,从而提高应用程序的加载性能
注意:没有将 modern mode作为默认设置的原因是:如果使用CORS / CSP,则需要更长的构建时间和一些额外的配置。
构建Web组件
现在,你可以在Vue CLI 3项目中将任何*.vue组件构建成Web组件:
vue-cli-service build --target wc --name my-element src/MyComponent.vue
这将生成一个Javascript包,它将内部Vue组件包装,并注册为页面上的原生自定义元素,然后可以将其看做作。
你甚至可以将多个*.vue组件构建到具有多块代码拆分的包中:
vue-cli-service build --target wc-async 'src/components/*.vue'
在生成的包中包含一个小的入口文件,它将所有组件注册为原生自定义元素,但只有在页面上首次实例化相应的自定义元素,才能获取底层Vue组件的代码。
使用Vue CLI 3,还可以使用相同的代码库来构建应用程序、UMD库或原生Web组件。
最后,尤雨溪表示,Vue CLI 3现在可作为Vue应用程序的标准构建工具,但这仅仅是个开始。如上所述,Vue CLI的长期目标是将当前和未来的最佳实践融入工具链中,最终为用户提供高性能的应用程序。
以上就是vue3.0什么时候发布的的详细内容,更多请关注 第一PHP社区 其它相关文章!