Vue3.0 如何快速入门？

[LeeReamond]

需求：按照生产级最佳实践部署小而美的 demo 项目。

背景知识：vue2 使用比较熟练，没用过 typescript

要快速达成需求有什么推荐的阅读项目或者教学吗？

[cxe2v]

没有，看一看 vue3 的官方文档就行了，目前没什么坑了，现公司项目就是 vue3

[zhaol]

不用 ts 跟 vue2 差不多，看一下文档就大概知道差别了。建议顺便学习一下 ts ，真的好用。主要是 vite + vue3 贼舒服

[xujiahui]

可以看看大神的项目模板 https://github.com/antfu/vitesse ，下面还有很多 Variations 项目，挑自己喜欢的，具体组件的写法有不懂的查文档就行

[bootvue]

非前端 vue3 仅供学习参考 ^_^

https://github.com/vbeats/vdashboard

[Chism]

看了一下 npmjs 的周下载量，react 是 vue 的 5 倍，如果不是公司强制用 vue ，可以考虑学 react

[bootvue]

@Chism 是 想在前端长期发展的话还是 react 生态更好

[ALVC666]

vue3 tsx tailwind 还行

[kensoz]

有时间就去 b 站搜一下 vue3 视频。
然后建议改一下原有的 vue2 的东西，这样不仅学习 vue3 还能找出两者的区别。

如果时间有限，建议直接学官网的组合式 API 。
因为即便你不学 vue3 ，vue3 里也可以使用 vue2 的选项式 API ，新的东西就是组合式 API 。

如果不准备用 ts 不需要学 ts ，准备用 ts 建议从 ts 基础开始学

[leega0]

@zhaol ts 有啥好的练手教程或经验么，现在读了下文档敲了下代码，就是不知道怎么去场景应用

[mxT52CRuqR6o5]

vue3 似乎是主推 script setup ，和 vue2 的形式还是差挺多的

[LeeReamond]

@kensoz 有什么合适的视频推荐么

[kensoz]

@LeeReamond
在 b 站搜 vue3 ，有一个某前端男神的教程就可以，vue2+vue3 的，vue3 在后半部分，讲的不错

[Tokin]

建议使用 jsx 、tsx 开发，非常舒适

[liujavamail]

@kensoz 张天禹呗

[IsmeOvo]

@leega0 https://github.com/type-challenges/type-challenges

[XCFOX]

@Chism #5
个人感觉 Vue 3.0 的数据更新机制比 React 好太多了。
React 因为它函数式编程的思路，每次数据更新都要重构组件。这就要求开发者需要手动权衡组件更新的开销对其进行优化，体现在代码上就是到处 memo 、useMemo 。
而 Vue 3 是通过 Proxy 监听依赖变化，数据更新时不必重构整个组件，通常不需要开发者手动优化，写起来顺畅多了。

如果要深耕前端的话，React 是必学的。
单纯做项目小而美的 demo 项目的话，目前 Vue3.0 就是我最心悦的框架了。

[lisongeee]

@Tokin vue 用 tsx 舒适吗？ 我现在是 vite+vue+ts++setup+volar ，在 template 里能获得完整的类型提示。能告知一下 tsx 需要搭配什么吗？ 有何取舍？

[caisanli]

官网有个 vue2 如何迁移 vue3 的文档 应该是最好上手的

[LeeReamond]

@kensoz UPid 多少，搜不到

[RickyC]

vue3 和 vue2 有区别吗？
就记得 vue2 是 data:{}
vue3 是 data(){return{}}
vue3 不能用$router.push