Vue 3 源码开放，你学习了吗?（vue源码讲解）

国庆假期都不休息的尤雨溪大大在国庆期间凌晨发布了 Vue 3 源代码，源码地址：

https://github.com/vuejs/vue-next

作者表示，目前 Vue 3 依然是 Pre-Alpha 状态，但主要的架构改进、优化和新功能都已经完成，剩下的主要是完成一些 Vue 2 现有功能的移植。

正式版本的发布时间尚未提及，后面应该还会有 Alpha、Beta 等版本。根据 Vue 官方时间表，至少要等到 2020 年 Q1 才有可能发布 3.0 正式版。

通过本次发布的源代码可以了解到针对 Vue 3 计划并已实现的主要架构改进和新功能：

• 编译器（Compiler）
• 使用模块化架构
• 优化 "Block tree"
• 更激进的 static tree hoisting 功能
• 支持 Source map
• 内置标识符前缀（又名 "stripWith"）
• 内置整齐打印（pretty-printing）功能
• 移除 source map 和标识符前缀功能后，使用 Brotli 压缩的浏览器版本精简了大约 10KB

• 运行时（Runtime）
• 速度显著提升
• 同时支持 Composition API 和 Options API，以及 typings
• 基于 Proxy 实现的数据变更检测
• 支持 Fragments
• 支持 Portals
• 支持 Suspense w/ async setup()

• 最后，还有一些 2.x 的功能尚未移植过来：
• 服务器端渲染
• <keep-alive>
• <transition>
• Compiler DOM-specific transforms
• v-on DOM 修饰符
• v-model
• v-text
• v-pre
• v-once
• v-html
• v-show

此外，目前发布的 Pre-Alpha 版本打包后的代码是 ES2015+，尚未支持 IE11。

温馨提示

现在是阅读 Vue 3 源代码的好时机——目前代码结构清晰，且代码量相对较少（主体部分的代码量仅 1.1W 行）。Vue 3 代码主要使用 TypeScript 编写，大家可以抓紧时间学（学）习（不）起（动）来（了）了！

作者：思否编辑部
来源：思否