Vue 3 最新进展
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 最新进展相关推荐
- Vue 3拖更,尤雨溪介绍最新进展
Vue.js 作者尤雨溪近日介绍了 Vue 3 的最新进展. 尤雨溪表示,由于在 Vue 3 上花费的大部分时间都投入到了设计和构建稳定的内核上,不过要让整个框架处于"ready" ...
- 2019最新进展 | Transformer在深度推荐系统中的应用
作者 | Alex-zhai 来源 | 深度传送门(ID:deep_deliver) [导读]最近基于Transformer的一些NLP模型很火(比如BERT,GPT-2等),因此将Transform ...
- 深度CTR预估模型的演化之路2019最新进展
作者 | 锅逗逗 来源 | 深度传送门(ID: deep_deliver) 导读:本文主要介绍深度CTR经典预估模型的演化之路以及在2019工业界的最新进展. 介绍 在计算广告和推荐系统中,点击率(C ...
- 今晚开播 | 人脸识别的最新进展以及工业级大规模人脸识别实践探讨
人脸识别已经成为计算机视觉领域最热门的应用之一,很多刚入门的 AI 新手都或多或少接触过人脸识别的相关知识,但是纸上得来终觉浅,在实际应用中,往往会遇到各种各样的问题,比如如何保证不同环境下人脸识别的 ...
- 公开课 | 人脸识别的最新进展以及工业级大规模人脸识别实践探讨
人脸识别已经成为计算机视觉领域最热门的应用之一,很多刚入门的 AI 新手都或多或少接触过人脸识别的相关知识,但是纸上得来终觉浅,在实际应用中,往往会遇到各种各样的问题,比如如何保证不同环境下人脸识别的 ...
- Survey | 生物医学文本挖掘最新进展
今天给大家介绍2020年5月康奈尔大学Fei Wang教授团队发表在Briefings in Bioinformatics的综述"Recent advances in biomedical ...
- transformer预测过程_2019最新进展 | Transformer在深度推荐系统中的应用
作者 | Alex-zhai 来源 | 深度传送门(ID:deep_deliver) [导读]最近基于Transformer的一些NLP模型很火(比如BERT,GPT-2等),因此将Transform ...
- 《因果学习周刊》第5期:NeurIPS2021 因果发现最新进展
No.05 智源社区 因果学习组 因 果 学 习 研究 观点 资源 活动 关于周刊 因果学习作为人工智能领域研究热点之一,其研究进展与成果也引发了众多关注.为帮助研究与工程人员了解该领域的相关进展和 ...
- 《预训练周刊》第28期:M6-10T:高效多万亿参数预训练的共享去链接范式、大模型自然语言处理的最新进展综述...
No.28 智源社区 预训练组 预 训 练 研究 观点 资源 活动 关于周刊 本期周刊,我们选择了11篇预训练相关的论文,涉及模型训练.图像编码.气候文本.对比学习.文本生成评估.小样本学习.决策推理 ...
最新文章
- Python说“万能钥匙”不可见密码,立马写了个脚本解决了
- 英语中那些缺钱的表达~
- ROS 总结(三):Moveit!配置助手
- Leetcode 12. 整数转罗马数字 (每日一题 20210827)
- anjularjs 路由
- [**奇文共赏**补充问题] 据说看五遍能懂的人智商 200
- 语音学习笔记(四)【传统声学模型】
- 求正整数的阶乘 c语言,求10000的阶乘(c语言代码实现)
- 怎么在jquery里清空文本框的内容
- 如何让大数据分析更有效
- POJ-2754 Similarity of necklaces 2 区间取下界操作+DP
- python-学生管理系统--7-显示功能模块
- 微信推送早安教程(一)
- 很荣幸,和各位一起创造了历史
- flask 图文混排
- 强化学习 之 探索与利用
- 植物大战僵尸中文年度版
- 小米平板2怎么显示电脑连接服务器,小米平板2windows系统无线网怎么连接
- ureport2报表详细使用(三)-添加数据集
- BP神经网络人口预测程序(matlab实现)
热门文章
- python 小说cms_用python 发 帝国cms 文章
- 壁纸网站的高清图片,完美符合视觉控的你!
- 高质量的设计灵感社区网站
- 电商页面设计吸睛大法|C4D背景素材模板,视觉之旅开启!
- UI设计师必收藏的上百种配色方案专辑!
- 最适合说故事的插画素材,应用到UI设计中,感情线有了!
- 计算机与应用化学ppt,应用化学专用课件.ppt
- 计算机一级windows系统操作知识点,计算机一级考试:高分必看知识点之windows操作...
- 时间序列多步预测_使用LSTM深度学习模型进行温度的时间序列单步和多步预测...
- windows史上最方便解压rar文件的软件WeDo