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

请教

学习

123 条回复 • 2022-08-23 17:02:10 +08:00

1 2

❮

❯

1

DeWjjj

2022-08-16 10:49:05 +08:00 via iPhone

是三足鼎立

2

lujiaosama

2022-08-16 10:52:04 +08:00

2

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

3

zhuweiyou

2022-08-16 10:53:02 +08:00

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

4

wangtian2020

2022-08-16 11:00:32 +08:00

3

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

5

muzuiget

2022-08-16 11:03:19 +08:00

1

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

6

bugfan

OP

2022-08-16 11:05:13 +08:00

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

7

stillyu

2022-08-16 11:05:44 +08:00

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

8

a33291

2022-08-16 11:07:24 +08:00

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

9

yaphets666

2022-08-16 11:09:24 +08:00

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

10

lujiaosama

2022-08-16 11:13:12 +08:00

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

11

sjhhjx0122

2022-08-16 11:16:50 +08:00

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

12

sjhhjx0122

2022-08-16 11:17:35 +08:00

@bugfan 不能啊，要换成 element plus

13

cydysm

2022-08-16 11:19:23 +08:00

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

14

bugfan

OP

2022-08-16 11:22:11 +08:00

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

15

FightPig

2022-08-16 11:24:46 +08:00

1

今年在用 svelte

16

zhaol

2022-08-16 11:25:26 +08:00

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

17

wunonglin

2022-08-16 11:33:08 +08:00

angular 战未来

18

techgogogo

2022-08-16 11:46:33 +08:00

4

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

19

Leviathann

2022-08-16 11:48:30 +08:00

3

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

20

wu67

2022-08-16 11:55:37 +08:00

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

21

binaryify

2022-08-16 12:13:52 +08:00

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

22

kwh

2022-08-16 12:15:29 +08:00

flutter 表示不服

23

wunonglin

2022-08-16 12:32:46 +08:00 via iPhone

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

24

aleen42

2022-08-16 12:42:00 +08:00

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

25

LeeReamond

2022-08-16 12:42:01 +08:00

2

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

26

zhhqiang

2022-08-16 12:49:21 +08:00

去动手试试吧

27

bugfan

OP

2022-08-16 13:00:08 +08:00

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

28

mrcotter2013

2022-08-16 13:04:45 +08:00

2

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

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

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

29

GreatAuk

2022-08-16 13:13:42 +08:00

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

30

fengbjhqs

2022-08-16 13:27:25 +08:00 via Android

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

31

beisilu

2022-08-16 13:28:41 +08:00

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

32

snoopyhai

2022-08-16 13:50:31 +08:00

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

33

a33291

2022-08-16 13:57:05 +08:00

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

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

34

otakustay

2022-08-16 13:58:03 +08:00

13

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 了

35

hervey0424

2022-08-16 13:59:18 +08:00

ie 表示不服

36

stoluoyu

2022-08-16 13:59:39 +08:00

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

37

anguiao

2022-08-16 14:05:45 +08:00

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

38

Guidoo

2022-08-16 14:25:35 +08:00

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

39

techgogogo

2022-08-16 14:31:02 +08:00

@fengbjhqs

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

40

shilianmlxg

2022-08-16 14:43:43 +08:00

整个 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 维护就好

41

edis0n0

2022-08-16 14:44:33 +08:00

2

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

42

luchenwei9266

2022-08-16 14:47:48 +08:00

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

43

techgogogo

2022-08-16 14:51:37 +08:00

4

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

44

dcsuibian

2022-08-16 14:54:14 +08:00

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

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

45

retrocode

2022-08-16 14:55:37 +08:00

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

46

learnshare

2022-08-16 14:56:59 +08:00

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

47

um1ng

2022-08-16 14:57:16 +08:00

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

48

yunyuyuan

2022-08-16 15:00:07 +08:00

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

49

kinghly

2022-08-16 15:16:55 +08:00 via Android

react

50

frankies

2022-08-16 15:24:29 +08:00 via Android

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

51

weiqk

2022-08-16 15:27:52 +08:00

jquery 表示还可以抢救一下

52

vevlins

2022-08-16 15:28:54 +08:00

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

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

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

53

garyEzClap

2022-08-16 15:34:42 +08:00

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

54

FightPig

2022-08-16 15:36:00 +08:00

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

55

xujianxing

2022-08-16 15:37:27 +08:00

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

56

dsa999

2022-08-16 15:45:03 +08:00

2

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

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

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

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

57

isbase

2022-08-16 15:51:49 +08:00

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

58

xz410236056

2022-08-16 15:52:25 +08:00

@techgogogo #18 华人之光指的是

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

59

xz410236056

2022-08-16 15:54:32 +08:00

2

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

60

zhaofy

2022-08-16 16:20:53 +08:00

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

61

Carseason

2022-08-16 16:23:01 +08:00

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

62

Carseason

2022-08-16 16:23:19 +08:00

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

63

chuhemiao

2022-08-16 16:45:39 +08:00

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

64

luchenwei9266

2022-08-16 17:12:37 +08:00

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

65

fy

2022-08-16 17:17:28 +08:00

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

66

zjsxwc

2022-08-16 17:28:42 +08:00

1

个人感觉：

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

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

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

67

dufu1991

2022-08-16 17:36:01 +08:00

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

68

dufu1991

2022-08-16 17:37:12 +08:00

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

69

ragnaroks

2022-08-16 18:03:45 +08:00

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

70

badmarillo

2022-08-16 18:07:26 +08:00

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

71

fy

2022-08-16 18:07:58 +08:00

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

72

walpurgis

2022-08-16 18:54:20 +08:00

1

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

73

Macv1994

2022-08-16 18:57:01 +08:00

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

74

AyaseEri

2022-08-16 19:35:58 +08:00

1

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

75

molvqingtai

2022-08-16 19:48:17 +08:00

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

76

Dragonphy

2022-08-16 20:13:08 +08:00

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

77

GreatAuk

2022-08-16 20:28:28 +08:00

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

78

qiaobeier

2022-08-16 20:55:01 +08:00

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

79

Xcharles

2022-08-16 21:00:56 +08:00

composition api 配合 pinia 太爽了

80

beginor

2022-08-16 21:15:27 +08:00

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

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

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