Vue.js 3.x有哪些优化亮点？

本文共计5388个文字，预计阅读时间需要22分钟。

Vue.js 框架演进历程 + Vue.js 从 1.x 到 2.0 版本演进 + 感谢来自 Zoom 的大牛黄泽轩老师的分享！ + 仅供个人补充参考资料。 + 1. Vue.js 框架的演进历程

没有摘要，请直接点开阅读。

本文整理自拉勾网Vue.js 3.x 源码课程，讲师是来自Zoom的大牛黄轶，非常感谢！ 本人仅补充一些参考资料。

1. Vue.js框架的演进过程

Vue.js 从 1.x 到 2.0 版本，最大的升级就是引入了虚拟 DOM 的概念。

Vue.js 2.x 的版本痛点问题：

• 源码自身的维护性；
• 数据量大后带来的渲染和更新的性能问题；
• 鸡肋 API；
• TypeScript 支持不佳；
• ...

Vue.js 3.x 带来的优化

• 源码优化

• 性能优化

• 语法Api优化

2. Vue.js 3.0 优化概览

那么接下来，我们就一起来看一下 Vue.js 3.0 具体做了哪些优化。

2.1 源码优化

首先是源码优化，也就是祖师爷对于 Vue.js 框架本身开发的优化，它的目的是让代码更易于开发和维护。

源码的优化主要体现在使用 monorepo 和 TypeScript 管理和开发源码，这样做的目标是提升自身代码可维护性。接下来我们就来看一下这两个方面的具体变化。