阅读 17134

那个男人 他带着Vue3来了~

Vue 官方团队于 2020 年 9 月 18 日晚 11 点半左右发布了Vue3.0版本 🎉。代号为One Piece

其实Vue3.0版本发布的消息,我是昨天晚上刷朋友圈看到的(已经差不多凌晨 1 点了),然后我就立刻起来,打开电脑,看了一下github,把官方发布文档过了一遍。其实我感觉这次版本更新,最主要的还是Composition API以及对于TypeScript的支持,而且早在 4 月 21 日,尤大在 B 站关于Vue.js 3.0 Beta最新进展的分享上就已经提到了这些改动。

此次版本更新提供了改进的性能,更小的捆绑包大小,更好的TypeScript集成,以及用于处理大规模用例的新API,为框架的长期未来迭代奠定了坚实的基础。

这里我就参考官方releases给大家大概说一下主要更新(更详细的直接查看releases docs):

进一步推进“渐进框架”概念

Vue一开始就秉承这样的原则:成为任何人都能快速学习且平易近人的框架。(时至今日,作为Vue的资深用户,我觉得他做到这一点了)。当然Vue3.0将这种灵活性进一步提升。

分层内部模块

Vue 3.0内核仍然可以通过一个简单的<script>标签使用,但其内部结构已被彻底重写为一组解耦的模块。新的体系结构提供了更好的可维护性,并允许最终用户通过tree-shaking来减少运行时体积大小的一半。

解决规模问题的新 API

Vue 3.0引入了Composition API一套全新的API,旨在解决大型应用程序中Vue使用的难点。Composition API建立在响应式API之上,与2.x基于对象的API方式相比,可实现类似于React Hook的逻辑组成和复用,拥有更灵活的代码组织模式以及更可靠的类型推断能力。

性能改进

Vue 2相比,Vue 3bundle包大小方面通过tree-shaking减轻了多达41%的体积),初始渲染速度加快了55%,更新速度提升了133%,内存使用率方面表现出了显著的性能改进最多可减少54%

改进与TypeScript的兼容

Vue 3.0的代码库是用TypeScript编写的,具有自动生成、测试并构建类型声明。同时,Vue 3已全面支持TSX

未来计划

紧接着,Vue官方团队计划要做的事情如下:

  • 迁移版本
  • IE11支持
  • devtools中的RouterVuex集成
  • Vetur中模板类型推断的进一步改进

快速上手

如果你已经迫不及待的想去学习Vue3了呢,这里放上对应的链接:

参考

Vue 官方发布文档

❤️ 爱心三连击

1.如果觉得这篇文章还不错,来个分享、点赞、在看三连吧,让更多的人也看到~

2.关注公众号前端森林,定期为你推送新鲜干货好文。

3.特殊阶段,带好口罩,做好个人防护。