专栏名称: SegmentFault思否
SegmentFault (www.sf.gg)开发者社区,是中国年轻开发者喜爱的极客社区,我们为开发者提供最纯粹的技术交流和分享平台。
目录
相关文章推荐
程序员小灰  ·  清华大学《DeepSeek学习手册》(全5册) ·  昨天  
程序员小灰  ·  3个令人惊艳的DeepSeek项目,诞生了! ·  昨天  
OSC开源社区  ·  2024: 大模型背景下知识图谱的理性回归 ·  3 天前  
程序猿  ·  “未来 3 年内,Python 在 AI ... ·  3 天前  
程序员小灰  ·  DeepSeek做AI代写,彻底爆了! ·  4 天前  
51好读  ›  专栏  ›  SegmentFault思否

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

SegmentFault思否  · 公众号  · 程序员  · 2019-10-06 10:00

正文

正在海边浪的思否小姐姐一觉睡醒发现,国庆假期都不休息的尤雨溪大大在昨天凌晨发布了 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 的功能尚未移植过来:

  • 服务器端渲染

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


学习中遇到的各种问题欢迎一起到 SegmentFault 思否社区交流学习,一起探讨!







请到「今天看啥」查看全文