Vue 3 源码开放,今天你学习了吗?

正在海边浪的思否小姐姐一觉睡醒发现,国庆假期都不休息的尤雨溪大大在昨天凌晨发布了 Vue 3 源代码,源码地址:https://github.com/vuejs/vue-… ——

《Vue 3 源码开放,今天你学习了吗?》

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

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

《Vue 3 源码开放,今天你学习了吗?》

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

《Vue 3 源码开放,今天你学习了吗?》

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

《Vue 3 源码开放,今天你学习了吗?》

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

《Vue 3 源码开放,今天你学习了吗?》

  • 最后,还有一些 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 编写,大家可以抓紧时间学(学)习(不)起(动)来(了)了!

    原文作者:思否编辑部
    原文地址: https://segmentfault.com/a/1190000020598857
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞