Vue.js 作者尤雨溪近日介绍了 Vue 3 的最新进展。

尤雨溪表示,由于在 Vue 3 上花费的大部分时间都投入到了设计和构建稳定的内核上,不过要让整个框架处于"ready"状态,不仅仅是内核的问题,还需要有兼容版本的支持库 (Vue Router, Vuex, test utils)、工具(CLI、eslint 插件、浏览器开发工具扩展、IDE 扩展)和文档(包括针对新用户和用于迁移的文档)。将所有这些内容整合在一起需要协调许多方面的工作。

他希望专注于编写出好的软件,而不是赶工期。因此原本计划2020年上半年发布 Vue 3,但考虑到目前的进度,不得不进行调整。现在的计划是7月中旬发布 RC 版本,8月初正式发布 3.0 版本。

Vue 3 主要部分的进展

Vue 3 Core

Vue 3 core 已经处于 beta 阶段两个多月,目前已合并所有计划中的重大更改 RFC,并且在正式发布之前不会进行进一步的重大变更。可以认为 Vue 3 core 已到达稳定状态,并为 RC 版本做好了准备。

Vue Router

目前存在部分与vue-router@3.x相关的路由钩子(router hook)行为一致性问题,这也是 Vue Router 没有被标记为 Beta 的原因。不过在非关键项目上可以使用新的路由。

Vuex

Vuex 4.0 和 3.x 之间的唯一区别是它与 Vue 3 兼容,目前已准备好和 Vue 3 Core 一起进入 RC 阶段。

Vue CLI

Vue CLI 中的 Vue 3 支持目前通过 vue-cli-plugin-vue-next 插件提供。可以先通过脚手架构建一个新项目,然后运行vue add vue-next来切换到 Vue 3。Vue 3 进入 RC 阶段后会成为项目创建过程中的一个选项。

要注意的是,如果对 webpack 和 IE11 没有特别要求的支持,也可以使用 Vite 启动 Vue 3 项目。

JSX Support

当前有两种针对 Vue 3 的 JSX 转换实现,其语法略有不同(针对 Vue 的特定功能):

  • vueComponent/jsx
  • HcySunYang/vue-next-jsx

目前正在通过此 issue 收集意见以统一设计,并制定一个官方规范,说明如何在 JSX 中处理 Vue 特性。

其他项目

Project Status
vue-devtools WIP (beta channel with Vue 3 support in early July)
eslint-plugin-vue 7.0.0-alpha.9 [Github]
@vue/test-utils 2.0.0-alpha.7 [Github]
vue-class-component 8.0.0-alpha.6 [Github]
vue-loader 16.0.0-beta.4 [Github]
rollup-plugin-vue 6.0.0-beta.6 [Github]

当然,如果希望尝试 Vue 3,目前的状态也已经满足。因为框架的大多数部分组件都处于 beta 或 alpha 状态,而内核也已经进行了广泛的测试,没有发布 RC 的唯一原因是是浏览器开发工具扩展(browser devtool extensions)尚未完成。可参考下面的决策树来对采用 Vue 3 进行相应的评估:

IWantVue3()async function IWantVue3() {await read(`https://github.com/vuejs/rfcs/pulls?q=is%3Apr+is%3Amerged+label%3Acore+-label%3Arevoked+-label%3A2.6+sort%3Acomments-desc`)if (isTrue("I just want to play with Vue 3"))) {// If you just want to try Vue 3 out - you can do it right now with Vite.// Vite (https://github.com/vitejs/vite) is a new dev/build tool that we// created that is lighter, faster and produces smaller bundles. It works// with Vue 3 out of the box.run(`npm init vite-app hello-vue3`)return}if (isTrue("I am planning to use Vue 3 for a new project")) {if (isTrue("I need IE11 support")) {await IE11CompatBuild() // July 2020}if (isTrue("RFCs are too dense, I need an easy-to-read guide")) {await migrationGuide() // July 2020}if (isTrue("I'd rather wait until it's really ready") {await finalRelease() // Targeting early August 2020})run(`npm init vite-app hello-vue3`)return}if (isTrue("I am planning to upgrade an existing Vue 2 project")) {await IE11CompatBuild()await migrationGuide()await ecosystem(// this is the tricky part: if you have an existing, non-trivial Vue 2// app, you likely are using some dependencies that are not yet// Vue-3-compatible, for example meta frameworks like Nuxt, or UI// component libraries like Vuetify. If that's the case, our suggestion// is don't be in a hurry to upgrade. It *will* take some time for the// ecosystem to catch up.// Also note that you can start using Vue Composition API in Vue 2 today// via https://github.com/vuejs/composition-api - we are also going to be// backporting compatible Vue 3 features to 2.x once 3.0 is out.)return}if (isTrue("I am the author of a Vue ecosystem library")) {// It's time to make your lib Vue 3 compatible!return}
}

详情查看 https://github.com/vuejs/rfcs/issues/183

Vue 3 最新进展相关推荐

  1. Vue 3拖更,尤雨溪介绍最新进展

    Vue.js 作者尤雨溪近日介绍了 Vue 3 的最新进展. 尤雨溪表示,由于在 Vue 3 上花费的大部分时间都投入到了设计和构建稳定的内核上,不过要让整个框架处于"ready" ...

  2. 2019最新进展 | Transformer在深度推荐系统中的应用

    作者 | Alex-zhai 来源 | 深度传送门(ID:deep_deliver) [导读]最近基于Transformer的一些NLP模型很火(比如BERT,GPT-2等),因此将Transform ...

  3. 深度CTR预估模型的演化之路2019最新进展

    作者 | 锅逗逗 来源 | 深度传送门(ID: deep_deliver) 导读:本文主要介绍深度CTR经典预估模型的演化之路以及在2019工业界的最新进展. 介绍 在计算广告和推荐系统中,点击率(C ...

  4. 今晚开播 | 人脸识别的最新进展以及工业级大规模人脸识别实践探讨

    人脸识别已经成为计算机视觉领域最热门的应用之一,很多刚入门的 AI 新手都或多或少接触过人脸识别的相关知识,但是纸上得来终觉浅,在实际应用中,往往会遇到各种各样的问题,比如如何保证不同环境下人脸识别的 ...

  5. 公开课 | 人脸识别的最新进展以及工业级大规模人脸识别实践探讨

    人脸识别已经成为计算机视觉领域最热门的应用之一,很多刚入门的 AI 新手都或多或少接触过人脸识别的相关知识,但是纸上得来终觉浅,在实际应用中,往往会遇到各种各样的问题,比如如何保证不同环境下人脸识别的 ...

  6. Survey | 生物医学文本挖掘最新进展

    今天给大家介绍2020年5月康奈尔大学Fei Wang教授团队发表在Briefings in Bioinformatics的综述"Recent advances in biomedical ...

  7. transformer预测过程_2019最新进展 | Transformer在深度推荐系统中的应用

    作者 | Alex-zhai 来源 | 深度传送门(ID:deep_deliver) [导读]最近基于Transformer的一些NLP模型很火(比如BERT,GPT-2等),因此将Transform ...

  8. 《因果学习周刊》第5期:NeurIPS2021 因果发现最新进展

    No.05 智源社区 因果学习组 因 果 学  习 研究 观点 资源 活动 关于周刊 因果学习作为人工智能领域研究热点之一,其研究进展与成果也引发了众多关注.为帮助研究与工程人员了解该领域的相关进展和 ...

  9. 《预训练周刊》第28期:M6-10T:高效多万亿参数预训练的共享去链接范式、大模型自然语言处理的最新进展综述...

    No.28 智源社区 预训练组 预 训 练 研究 观点 资源 活动 关于周刊 本期周刊,我们选择了11篇预训练相关的论文,涉及模型训练.图像编码.气候文本.对比学习.文本生成评估.小样本学习.决策推理 ...

最新文章

  1. Python说“万能钥匙”不可见密码,立马写了个脚本解决了
  2. 英语中那些缺钱的表达~
  3. ROS 总结(三):Moveit!配置助手
  4. Leetcode 12. 整数转罗马数字 (每日一题 20210827)
  5. anjularjs 路由
  6. [**奇文共赏**补充问题] 据说看五遍能懂的人智商 200
  7. 语音学习笔记(四)【传统声学模型】
  8. 求正整数的阶乘 c语言,求10000的阶乘(c语言代码实现)
  9. 怎么在jquery里清空文本框的内容
  10. 如何让大数据分析更有效
  11. POJ-2754 Similarity of necklaces 2 区间取下界操作+DP
  12. python-学生管理系统--7-显示功能模块
  13. 微信推送早安教程(一)
  14. 很荣幸,和各位一起创造了历史
  15. flask 图文混排
  16. 强化学习 之 探索与利用
  17. 植物大战僵尸中文年度版
  18. 小米平板2怎么显示电脑连接服务器,小米平板2windows系统无线网怎么连接
  19. ureport2报表详细使用(三)-添加数据集
  20. BP神经网络人口预测程序(matlab实现)

热门文章

  1. python 小说cms_用python 发 帝国cms 文章
  2. 壁纸网站的高清图片,完美符合视觉控的你!
  3. 高质量的设计灵感社区网站
  4. 电商页面设计吸睛大法|C4D背景素材模板,视觉之旅开启!
  5. UI设计师必收藏的上百种配色方案专辑!
  6. 最适合说故事的插画素材,应用到UI设计中,感情线有了!
  7. 计算机与应用化学ppt,应用化学专用课件.ppt
  8. 计算机一级windows系统操作知识点,计算机一级考试:高分必看知识点之windows操作...
  9. 时间序列多步预测_使用LSTM深度学习模型进行温度的时间序列单步和多步预测...
  10. windows史上最方便解压rar文件的软件WeDo