请教各位 vue3 是不是今后前端趋势？

[bugfan]

之前完了两年 vue2.x ，听说 vue3 差别挺大，一直没学，但是最近突然意识到该学习学习新东西了，决定入坑。

[DeWjjj]

是 三足鼎立

[lujiaosama]

vue3+ts+vite, 真香. 开发体验, 代码健壮性都好不少.

[zhuweiyou]

没啥差别,你 vue2 的代码,在 vue3 下 99%都能正常跑.
主要还是 vite 爽.

[wangtian2020]

vite 一定是前端大趋势
用 vite 前的想法“打包快还能快到哪里去”
用 vite 后，改行代码 webpack 跑半分钟的项目，vite 2 秒钟！

[muzuiget]

vite 快是因为使用了 esbuild ，用 Go 写的打包器，可以单独使用，一个字爽。

[bugfan]

@muzuiget
@wangtian2020
那个 ui 库能不能无缝的沿用之前 vue2 时用的的 element-ui😂

[stillyu]

vite 是快，但 vue3 并没有爽到哪去吧

[a33291]

我也有几个 vue2 的不敢升级 vue3,非专业前端怕坑多.😂

[yaphets666]

这个未来还是比较遥远的，很多人说 vue3 性能比 react 好，但是周边生态跟上，起码 2 年时间。

[lujiaosama]

@stillyu vite 不止速度,周边还有诸如自动加载 component, api 自动加载, 基于文件的路由这样的玩法. 光是 ts 支持比 vue2 好就值得上了, 不用 ts 我浑身难受. 其他的 setup+hook 写法也爽多了.

[sjhhjx0122]

@wangtian2020 vite 打包快是用了 rollup+esbuild ，冷启动快是因为现代浏览器支持 ESM 。

[sjhhjx0122]

@bugfan 不能啊，要换成 element plus

[cydysm]

@a33291 老项目不用升级啊 要组合式 api 的话 2.7 也支持了

[bugfan]

@sjhhjx0122 好吧，ui 库也得换，我先去看看，感谢

[FightPig]

今年在用 svelte

[zhaol]

光 vue2 升级 vue3 到没啥，但是 vite 舒服的一批

[wunonglin]

angular 战未来

[techgogogo]

国内估计会是，毕竟是我们华人之光。但一些大厂估计还是会选用 angular 和 react 的多，毕竟需要和国际接轨，海外用 react 的还是比较多。但是 vue2 到 vue3 的升级建议缓缓，等周边生态建立差不多再动手项目升级会好点，毕竟一些依赖的第三方组件等可能没有及时升级。2 和 3 之间还是有不少的差别的，小项目且组件化程度比较细的可以考虑先升级，新项目也可以考虑直接上手 3.

[Leviathann]

@wunonglin state of js 2021 调查
用过再也不想碰的框架里，angular 排第一，持有这种态度的高达 26%
满意程度排名，angular 排倒数第二仅高于 ember

[wu67]

虽然我自己也用 vue, 但我认为 react 没那么卷. 每一道门槛, 都是为了减少卷和失业的风险, 实在不行的话, 据我个人观察, 远程 react 出现的频率也比 vue 高.
另外 element-plus 目前的完成度真的是一言难尽, 我指能放心开箱即用的程度

[binaryify]

@techgogogo 和国际接轨 emmmm ，pornhub 也用 vue 的

[kwh]

flutter 表示不服

[wunonglin]

@Leviathann 这不妨碍它本身设计领先于 r,v

[aleen42]

vite 快，但是對我來說如果有問題，看源碼是有成本的； webpack 起碼還是 js

[LeeReamond]

前两个月刚体验 vue3 ，几个想法
1 、周边问题：主体生态都已体验过，状态管理，路由等等，问题都不大。
2 、组件库方面：落后于 vue2 很多，没有太成熟的产品。不过具体开发上现在一般也是自己梭，倒也不构成太大问题
3 、框架本身：我觉得 vue3 在推广初期有些问题，过于关注 geek 细节，再加上无脑公众号转载，给了低端开发者一些复杂的错误印象。实际开发体验上 vue3 的 setup 比 2 代的模式爽快很多很多

[zhhqiang]

去动手试试吧

[bugfan]

感谢各位，我心里已经有了答案

[mrcotter2013]

新项目果断 vue 3 + vite ，UI framework 是个问题。

公司 web app 项目选的是 Ant Design Vue + Windicss （为了配合，会产生一些重复的配置设定），不过有些需要高度自定义组件的时候不太流畅，需要用到 h() 或者 jsx 那套语法（个人不太喜欢 react 就是因为 jsx....）

简单的 website ，如果没有太多复杂组件的需求，就强烈推荐 Tailwind CSS + daisyUI 。

[GreatAuk]

@FightPig 什么公司，还有时间让你造轮子？

[fengbjhqs]

@techgogogo 用 react ，更多是因为 antd ，和国际没啥关系吧，vue 对国际化支持的非常好啊，

[beisilu]

@kwh flutter 可能不是未来，但是未来肯定没有 html 和 css

[snoopyhai]

只要弄明白了 ref, 就没问题了.

[a33291]

@cydysm 是的,但是我们升级到了最新的 2.7.x.
我升级这个动机并不是为了使用新特性,动机主要在于框架升级带来的性能提升和 bug 修复
对于 ts 我也是菜鸡,虽然主要写 C#,但还是有很多不同

另外我看都在说 vite,这个不是另一个构建工具吗(类似 webpack)?如果是的话能否让 vue2 也用上呢?

[otakustay]

vite 一定不会是趋势

1. dev 和 build 不同，在严肃场合是非常要命的
2. vite 的 build 并不快，与 webpack 没有形成断层
3. vite dev 的初次启动并不快
4. vite/rollup 的插件机制有天生缺陷，例如 virtual module 的 watch 至今没有实现、插件非常难准确选择某一规则的模块，和 webpack 的 loader 相比可用性不够

未来要么是真正的 no bundle ，dev 和 build 都一样，全 esm 化（但 skypack 自己快死了），要么是 rust 化的 webpack 模式，vite 的折中反而很可能拖它的后腿

当然 vite 可以在某一个版本变成上面的某种形态，但这时已经不是现在语境下的 vite 了

[hervey0424]

ie 表示不服

[stoluoyu]

为什么我感觉 vue3 和 vite 已经好久了

[anguiao]

@yaphets666 其实，Vue 3 已经两年了🤣

[Guidoo]

vue3 + vite + tsx 爽到飞起 感觉在写 react

[techgogogo]

@fengbjhqs

用什么库我觉得在这没有多大关系了，我觉得海外用 react 居多是长期以来一个积累引起的，也就是所谓的先发优势。毕竟一直以来海外用 react 的都比较多，你一下子想给他翻盘不容易的。这里可以参考下《从 0 到 1 》中作者彼得蒂尔说的破坏性创新的描述：新的竞争者起码要带来 10 倍的性能或者功能的提升才有希望干翻对方。况且 react 是有 meta 这个强大靠山的。

[shilianmlxg]

整个 vue 团队,tony 老师说,vue2.7 都不怎么看好,排期排的很后面,今年年初的时候说的.但是尤大的情节还是觉得想给 2 一个完美的收官,vue2.7=(vue2.6+ composition api),因为很多本身的设计缺陷等问题,导致 ts 支持不是很好.但是 vue2.7 相当于 2 的收官之作. vue3 升级到 vue4 会吸取这次的经验,会平滑过度.

vue 轮子真的很多,原神类衍生轮子,云崽 bot.原神祈愿分析等都是用 vue 相关的做的.怎么说呢,国人还是挺喜欢 vue 的.

vue2 不升级 vue3 的地方在于,项目大而全的情况下,很多使用的插件并没有提供 vue3 版本,所以升级成本很大.

还有 vue3 的相关 demo 比如后台管理系统,百家争鸣,导致鱼龙混杂,不像 vue2 的 element-admin 一家独大.

还有就是虽然 elementplus 还是有很多不完善的地方,但是 远离 antd for vue 你就远离了不幸.

新项目的话 vue3+ts+vite 还是挺舒服的,老项目建议就停留在 vue2.7 维护就好

[edis0n0]

@techgogogo #18 华人之光？我记得 vue 是 yyx 在英国留学的时候做的，现在他已经移民新加坡了

[luchenwei9266]

@FightPig svelte 好用吗？看样子不错，回头想拿个小项目来练练手

[techgogogo]

@edis0n0
这位兄台怕不是对‘华人’这个概念有什么误解吧？

[dcsuibian]

vue3 肯定是 vue 的未来，但 vue 是不是前端的未来还不好说。

vite 或 snowpack 肯定是未来了，爽的一批。

[retrocode]

莽就完事了,私有项目随便莽做知识储备

[learnshare]

已经在用 Vue 2 的话，肯定建议上 Vue 3
其他的还是首选 React

[um1ng]

vue3 + ts + vite 确实香 还有 pinia 数据流工具

[yunyuyuan]

爽是真的爽，兼顾 react 式的灵活性（ hook ）与 angular 式的保姆性（自动变更检测）

[kinghly]

react

[frankies]

大公司或者有全球布局的选 react ，中小公司选 vue ，该格局将维持相当长的时间。

[weiqk]

jquery 表示还可以抢救一下

[vevlins]

vue3 当然是趋势，composition api 用起来挺方便，我们用 vue3 做过一个较大型的 pc web 系统了。生态差不多了，就是不知道 nuxt3 稳定了没。

但 vite 我并不认为一定好，快是快，但实际开发中经常遇到各种小问题。

vue3 相对于 vue2 对于 ts 的支持好了很多，但还有个别地方（当然也很有可能是我水平不行）有点问题。

[garyEzClap]

@shilianmlxg antd vue 有什么坑么，我看 elementplus issue 解决速度太慢了，antd 那边处理速度挺快的

[FightPig]

@GreatAuk 我们小公司，有些东西用来写内部系统用的，对外很多还在 vue2 。
@luchenwei9266 还行吧，生态几乎没有，不过我主要拿来写内部的东西，所以，很多东西自己写的，不爽一点是他没自己的路由，全是第三方的。然后现在看发展像主推 SvelteKit ，这个包含了一套完整的状态，路由等，但我不怎么喜欢大而全的东西，所以如果用在项目上，我觉得还是用 vue3 或者 react 吧，生态至少全，另外今年看了个 solidjs 也挺好玩的。

[xujianxing]

花个 10 分钟看个文档精通一下就 ok 了

[dsa999]

作为一位从 vue1 过来的开发者，期间 vue2 也用过，vue3 api 目前大致看过一遍。

然而主要使用框架还是 react 。原因无他，就是 API 简单，能够更自由的做一些复杂架构。vue 受限于模板语法和双相绑定，自由度上难以超过 react 。

但是还是很感谢 evan 的 vue ，vue 是带我入门的框架，对于经验尚浅的个人和团队还是首推。

个人感觉中大型项目 react ，中小型项目 vue ，大型超大型项目 angular 。三足鼎立，都是未来。

[isbase]

过来人表示，老老实实优先用 React 吧

[xz410236056]

@techgogogo #18 华人之光指的是

“虽然文档内容是 MIT 协议开源的，但文档本身是有版权的” 的特色 MIT 吗

[xz410236056]

@techgogogo #18 我的意思是，VUE 好用，尤雨溪这人不行。华人之光有点造神了

[zhaofy]

借楼请教一下 一个资讯类的站点技术栈如何选择 seo 服务端渲染也要考虑

[Carseason]

vite vue3 ts pinia
才是当前 vue 的最优解，UI 库的话不评价，根据团队来选就可以了

[Carseason]

seo 的话可以看 vite-ssr 之类的

[chuhemiao]

react + ts + vite😂 是不是骚操作了

[luchenwei9266]

@FightPig 谢谢老哥，我也是准备在小项目里试试手。

[fy]

挺好用的，但是有个问题是。。。。16G 内存的笔记本，无法完成项目构建，得 32G

[zjsxwc]

个人感觉：

vue 做小项目，接外包一把梭，外包大部分都是每个页面关联不大的，所以都不是复杂项目，也就很合适 vue 这种。

angular 就很适合对稳定性要求高的重要项目，有 ts 强类型保障，又有 angular 的强大的依赖注入容器管理复杂依赖，不容易出问题掉链子。

react 很适合灵活性要求高的项目，因为 jsx 本身就是 js 语法糖，react 就比 vue 、angular 这些有限制的框架更有可能，比如做所见即所得拖动生成页面时这种就很适合 react ，换成 vue angular 就限制很大，不能实现。

[dufu1991]

@luchenwei9266 我去年用 Svelte 写了个小项目，感兴趣的话可以去指点一下。https://github.com/dufu1991/simple-cloud-music

[dufu1991]

@fy 这个应该是你电脑的问题。

[ragnaroks]

如果你正在用 vue ，那就是，否则不是

[badmarillo]

@shilianmlxg hhhh 最近一个新的后台项目正好用的是 ant-design-vue 暂时没感觉到什么坑呀

[fy]

@dufu1991 不知道是 node 版本还是什么原因，反正 build 到一半就 crash 然后弹 OOM

[walpurgis]

@fy node 命令前加参数 NODE_OPTIONS=--max-old-space-size=8192 试试

[Macv1994]

不明白 vite 为什么这么快，有没有大手子解释一下。

[AyaseEri]

别提什么 Vue React Angular ，老夫抄起 Unity3D 就是一顿 WASM 。

[molvqingtai]

@Macv1994 #73
使用 esbuild 打包，然后输出的 esm 没有 bundle 过程

[Dragonphy]

@stillyu #7#7
组合式 API 挺爽的

[GreatAuk]

@AyaseEri wasm 也不是未来，要看场景的。https://zhuanlan.zhihu.com/p/543090463

[qiaobeier]

去年开始在自己的项目使用 vue3 ，开发效率和 vue2 没差，应该是现在开发小项目最适合的前端框架了。但是，就业市场上还是 react 是主流。

[Xcharles]

composition api 配合 pinia 太爽了

[beginor]

vue3 确实是 vue 的未来， 但是肯定不是前端的未来。

说 vue3 + ts 爽， 肯定没怎么用过 react + ts 或者 angular ， 对 ts 的支持根本不是一个层面的：

- TypeScript 对 react 有特供的支持， 可以直接处理 react 的 jsx ， 这一点 vue 就别想了；
- Angular 本身就是用 ts 编写的， 不用 ts 的话还是洗洗睡吧；

[pooorguy]

新新手借贴问下：现在学完基础后是进阶 vue2 还是直接上 ts+vue3

[terranboy]

新手直接上 REACT 吧 要说趋势 谁引领谁呢

[arfaWong]

@chuhemiao #63 同 react + ts + vite

[zhwithsweet]

资深 vue 用户，现在基本什么都尝试。
主要是 vite 爽，我觉得 vite 大有可为；目前社区也是用脚投票，新型的技术比如 stackblitz 第一时间内置了； Astro 底层由 vite 驱动，静待 vite 4 。

[nzbin]

@Leviathann 你肯定没看圆圈里的数字，angular 满意度从 42% 到 45%，你看看其它框架还有谁比 angular 涨幅高

[Envov]

vue 的模板语法感觉不是很好，虽然支持 jsx 但是体验很一般，个人比较喜欢 react 大道至简的感觉

[IsaacYoung]

重生之我不想写前端

[sun1993]

我们公司前端在用 react

[duke807]

vannila js 才是輪迴的盡頭

[siriussx]

目前还不好说

[daysv]

深度写过几年 vue angualr react, 我选 react

[laolaowang]

华人之光？？？我滴妈呀

[mokevip]

我们公司已经在用了，正在成为规范

[cxzweb]

我选 solidjs

[CoolkHz]

@vevlins nuxt3 全是坑，才 rc8 版本，写了个小东西，已经被 bug 弄疯了

[frankkly]

兄弟们，有没有自学 VUE 的资料

[Chad0000]

@nzbin 再结合前端编程技术水平参差不齐，不能指望水平低的投 angular 。连 ts 都抗拒的更不可能投了。

我主后端，已润，项目在用 angular 并看好它

[bugfan]

感谢各位！在下心里已经有了答案🌹

[xingyuc]

@frankkly B 站搜一下一大把

[wangxiaoaer]

我就搞不明白一件事情，react 这种在 markup 里面写逻辑的方式怎么能忍？跟 php 一个熊样。