Vue 3 源码公布

2019年10月06日

10 月 5 日凌晨,Vue.js 框架的作者兼核心开发者尤雨溪公布了尚处于 Pre-Alpha 状态的 Vue 3 源码(https://github.com/vuejs/vue-next)。

(说学不动的童鞋抓紧剩余的国庆假期撸一遍源码吧 : D)

作者表示,Vue 3 主要的架构改进、优化和新功能均已完成,剩下的主要任务是完成一些 Vue 2 现有功能的移植。

稳定版的具体发布时间尚未提及,不过根据 Vue 在 GitHub repo 公开展示的 Roadmap,后面应该还会发布 Alpha(计划于 Q4 发布)、Beta 等版本,所以至少要等到 2020 年第一季度才有可能发布 3.0 稳定版。

尤雨溪在去年发表的"Vue 3.0 Updates"主题演讲中曾强调过 Vue 3 包含的五个关键变化:

  1. 速度
  2. 体积
  3. 可维护性
  4. 面向原生
  5. 易用性

776b95bfd734189ec3620646e256e437986.jpg

下面了解一下针对 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

对了,还有与浏览器兼容性方面的问题,虽然去年尤雨溪曾提出会支持 IE11,但目前发布的 Pre-Alpha 版本打包后的代码是 ES2015+,并且【尚未】支持 IE11。

691ffa4d38d8d4b219f70880aeefbe79655.jpg

至于与旧版本的兼容情况,因为 Vue 3.0 是主要版本,所以会包含一些重大变更。不过,开发组会非常重视兼容性问题,他们也将尽快开始传达这些重大变更,并做了这样的保证:除了渲染函数 API 和作用域插槽语法之外的所有内容都将保持不变,或者通过兼容性构建让其与 2.x 保持兼容。

总的来说,Vue 3.0 虽然会对顶级 API 进行重大的修整,但依然会保持与 2.x 的兼容。此外,2.x 的最后一个次要版本将成为 LTS,并在 3.0 发布后继续享受 18 个月的 bug 和安全修复更新。

展开阅读全文
27 收藏
分享
加载中
精彩评论
快别开发了,学不动了。
2019-10-06 13:47
42
举报
搞前端的同学们抓紧入门Typescript
2019-10-06 11:36
25
举报
前端 js 就已经可以了,而且还有三个大框架,28了学不动了。秃顶了...
2019-10-09 14:00
13
举报
学这个为什么不直接把c++或者rust编译成js,这种不伦不类的东西就微软搞出来坑我们
2019-10-07 06:25
9
举报
呵呵。还8年前端。 你用过react 跟ng 就会发现更适合团队协作。vue也就是容易入门。不管是可读性。还是工程性都不如ng和react
2019-10-12 14:05
6
举报
最新评论 (55)
any 一时爽,一直any 一直爽,哈哈
2019-10-15 17:57
0
回复
举报
vue用typescript重新写了,又不是用vue的项目必须用typescript
2019-10-12 18:43
0
回复
举报
8年前端对你们说,现在前端主流方向是vue,react和angular是会被逐步淘汰的,另外前端没有必要用ts,ts在前端的比重也不会增加
2019-10-12 13:34
0
回复
举报
呵呵。还8年前端。 你用过react 跟ng 就会发现更适合团队协作。vue也就是容易入门。不管是可读性。还是工程性都不如ng和react
2019-10-12 14:05
6
回复
举报
愚蠢
2020-07-09 18:10
0
回复
举报
何以见得,?请举例说明,?比如:哪些公司,哪些项目,ng和react 的工程性和可读性高,?能否讲一讲自己的在工程性和可读性方面,对ng,react和vue的理解,?无抬杠的意思,虚心请教,

你用过react 跟ng 就会发现更适合团队协作。vue也就是容易入门。在网上这个观点很多,一直不理解为什么这么说,本人公司react和vue都有使用
2020-09-09 17:36
0
回复
举报
前端项目体积比特么的javaee都大了。😴
2019-10-12 11:39
2
回复
举报
Google得开发者真TMD闲
2019-10-12 09:22
0
回复
举报
学不动了。。大佬们继续牛逼吧
2019-10-11 14:49
0
回复
举报
先支持一波
2019-10-11 09:50
0
回复
举报
很多牛逼的框架都将成为炮灰
2019-10-11 08:57
0
回复
举报
前端 js 就已经可以了,而且还有三个大框架,28了学不动了。秃顶了...
2019-10-09 14:00
13
回复
举报
ie8路过
2019-10-09 08:51
1
回复
举报
更多评论
55 评论
27 收藏
分享
在线直播报名
返回顶部
顶部