21
Vue 3 源码开放，今天你学习了吗？
source link: https://www.tuicool.com/articles/ZVriMfj
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
正在海边浪的思否小姐姐一觉睡醒发现，国庆假期都不休息的尤雨溪大大在昨天凌晨发布了 Vue 3 源代码 ，源码地址： https://github.com/vuejs/vue-... ——
作者表示，目前 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 编写，大家可以抓紧时间学（学）习（不）起（动）来（了）了！
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK