原文: https://github.com/vuejs/rfcs/issues/189
可以说是 vue3 近期内最大的变动了
原文翻译:
我们非常激动地宣布,Vue 3.0 已经进入 RC 阶段! 进入 RC 阶段意味着 Vue 3 core 的 API 和实现都已经稳定。原则上,我们不希望在最终发布之前引入新的主要特性或破坏性的更改。大多数官方框架部分现在也有 v3 支持。请在这里查看最新的状态。
Vue 文档团队正在更新 v3 版本的文档,现在可以在 v3.vuejs.org 上找到它。这是一项艰巨的任务,感谢团队的辛勤工作 @NataliaTepluhina, @bencodezen, @phanan 和 @sdras 。新文档经过了精心的迁移,涵盖了 v2 和 v3 之间的差异,运行在 VuePress 上,并改进了可以内联编辑的代码示例。
如果要快速了解什么是新的,什么是更改的,请参阅迁移指南.。
请注意,新的文档,特别是迁移指南,仍在进行中。
我们还发布了带有初始 v3 支持的新Vue DevTools 的测试版,这要感谢 @Akryum 的出色工作。
devtool 已经进行了一个主要的重构,以更好地将其核心逻辑从不同的 Vue 版本解耦。界面也有一个新的外观由 Tailwind CSS 实现。目前,只支持组件检查,但更多的功能将很快推出。
目前,Vue Devtools 的 beta 测试版仍在 Chrome 网上商店中审核,但是你可以在本地下载并安装扩展
注意: devtools 需要 [email protected] -rc.1
如果你现在对尝试 Vue 3 感兴趣,有几种方法可以做到:
在Codepen上使用 Vite 启动项目
使用Vite启动项目:
npm init vite-app hello-vue3
Vite 在单个文件组件中提供了<script setup>
和<style vars>
支持。
我们有一个关于 vue-cli 中的 v3 支持的计划,很快就会发布。
我们尚未完成完整 IE11 支持,因此我们将继续努力。
同时,我们的主要关注点将转移到文档、迁移和兼容性上。我们当前的目标是为开始使用 v3 的新项目提供清晰的文档,并帮助库作者升级他们的包以支持 v3 。文档团队将根据社区的反馈继续完善 迁移指南和 v3 文档。
将重要的应用程序从 v2 迁移到 v3 可能是一个慢得多的过程。我们将提供代码模块和工具来帮助迁移,但在大多数情况下,这将取决于项目依赖项升级到支持 Vue 3 的速度。评估升级的风险和时间投资是否值得也很重要——因为 Vue 2 将继续得到支持。我们计划在 3.0 版本发布后专门花一段时间,通过兼容性插件将特性反向移植到 v2 中。我们已经在@vue/composition-api中看到了这种方法的成功。
在 RC 版本中有一些功能,但已经被标记为实验性:
<Suspense>
现在发布这些特性是为了从实际使用中收集反馈,但它们仍然可能收到破坏性的更改 /重大调整。它们可能在 3.0 中仍处于试验阶段,并最终成为 3.1 的一部分。
1
Smash 2020-07-18 10:29:41 +08:00 4
还是 Angular 好用 /doge
|
2
unicloud 2020-07-18 10:56:56 +08:00 via iPhone
Vue 2 还没整利索...
|
3
KuroNekoFan 2020-07-18 11:06:53 +08:00
v-for,slot,mount
|
4
KuroNekoFan 2020-07-18 11:07:28 +08:00
太棒了他还是原来的样子,我愿意永远沉醉在 vue 的温柔乡中
|
5
sanchez0623 2020-07-18 12:41:56 +08:00 via iPhone
Vue 有什么好的入门方案吗。官方文档?
|
6
Jirajine 2020-07-18 12:45:43 +08:00 via Android
vue3 最有吸引力的地方应该是更好的 typescript 支持。
|
7
love 2020-07-18 13:02:25 +08:00 via Android
如果是纯新 hooks api 加 jsx 我还有兴趣试试,现在这样子看文档好复杂,新旧交杂在一起,我还是继续用 react 吧。我记得一开始 yyx 是打算整两套版本的,被守旧的 v2 用户直接骂回去了
|
8
whypool 2020-07-18 13:10:54 +08:00
学不动了老铁
|
9
houzhenhong OP @love #7 的确现在文档还有些问题,最开始都还是 vue2 like 的示例,只不过如果之前熟悉 vue2 的话可以看 https://v3.vuejs.org/guide/migration/introduction.html 升级指南比较清楚,vue3 的 jsx 已经有第三方的支持了吧 https://github.com/vuejs/vue-next#jsx-support,对于 hooks api 我觉得 Composition API 也达到了差不多的目的。
|
10
houzhenhong OP @Jirajine #6 的确对于 ts 支持是比较大的亮点,还有 Composition API 对于逻辑的复用还有 Teleport 对于弹窗之类的写法的优化,还有 Suspense 之类对 loading 之类写法的优化都是我觉得让我去升级的动力。
|
11
wolfan 2020-07-18 13:27:05 +08:00 via Android
好奇,各路小程序是不是也会走一波升级。。。
|
12
fyxtc 2020-07-18 13:31:47 +08:00
前端真辛苦,又要更新框架使用经验了
|
13
houzhenhong OP @wolfan #11 taro3 已经变成运行时框架了,所以已经有支持了 https://taro-docs.jd.com/taro/docs/vue3
uniapp 有相应的 issues https://github.com/dcloudio/uni-app/issues/548 其他像 mpx 之类的还没有看到,kbone 从原理上来说应该自己搞吧 |
14
love 2020-07-18 13:48:06 +08:00
@houzhenhong 我说的就是 Composition API,感觉比 React Hooks 更少坑和易用,只是我不想要 Vue2 那套对象方式也带过来
|
15
houzhenhong OP @love #14 https://github.com/vuejs/rfcs/blob/sfc-improvements/active-rfcs/0000-sfc-script-setup.md 你看看这种最新的写法应该就不用 export 一个对象了,应该和 react 的写法差别不大了吧
|
16
houzhenhong OP 应该说写法更像 svelte
|
17
kalista 2020-07-18 14:28:53 +08:00
前端更新好快
|
18
beginor 2020-07-18 20:02:39 +08:00 via Android
居然还支持 IE11 ? Angular 10 新建项目已经默认放弃 IE 了😂
我也觉得 Angular 好用, 但是国内的小程序 UniApp 只支持 Vue,所以国内的 Vue 越来越多。 |
19
RickyC 2020-07-18 20:12:32 +08:00
@sanchez0623 官方视频教程, 英语的那个, 是不错的
|
20
sanchez0623 2020-07-18 20:42:13 +08:00 via iPhone
@RickyC 好,我去看看。有实战类型的介绍吗?
|
21
RickyC 2020-07-19 10:06:24 +08:00
|