bugfan
V2EX  ›  Vue.js

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

  •  
  •   bugfan · Aug 16, 2022 · 19409 views
    This topic created in 1550 days ago, the information mentioned may be changed or developed.
    之前完了两年 vue2.x ,听说 vue3 差别挺大,一直没学,但是最近突然意识到该学习学习新东西了,决定入坑。
    123 replies  •  2022-08-23 17:02:10 +08:00
    1  2  
    ❮ ❯
    DeWjjj
    DeWjjj
    PRO
    Aug 16, 2022 via iPhone
    1
    是 三足鼎立
    lujiaosama
    lujiaosama
    Aug 16, 2022❤️2
    2
    vue3+ts+vite, 真香. 开发体验, 代码健壮性都好不少.
    zhuweiyou
    zhuweiyou
    Aug 16, 2022
    3
    没啥差别,你 vue2 的代码,在 vue3 下 99%都能正常跑.
    主要还是 vite 爽.
    wangtian2020
    wangtian2020
    Aug 16, 2022❤️3
    4
    vite 一定是前端大趋势
    用 vite 前的想法“打包快还能快到哪里去”
    用 vite 后,改行代码 webpack 跑半分钟的项目,vite 2 秒钟!
    muzuiget
    muzuiget
    Aug 16, 2022❤️1
    5
    vite 快是因为使用了 esbuild ,用 Go 写的打包器,可以单独使用,一个字爽。
    bugfan
    bugfan
    OP
    Aug 16, 2022
    6
    @muzuiget
    @wangtian2020
    那个 ui 库能不能无缝的沿用之前 vue2 时用的的 element-ui😂
    stillyu
    stillyu
    Aug 16, 2022
    7
    vite 是快,但 vue3 并没有爽到哪去吧
    a33291
    a33291
    Aug 16, 2022
    8
    我也有几个 vue2 的不敢升级 vue3,非专业前端怕坑多.😂
    yaphets666
    yaphets666
    Aug 16, 2022
    9
    这个未来还是比较遥远的,很多人说 vue3 性能比 react 好,但是周边生态跟上,起码 2 年时间。
    lujiaosama
    lujiaosama
    Aug 16, 2022
    10
    @stillyu vite 不止速度,周边还有诸如自动加载 component, api 自动加载, 基于文件的路由这样的玩法. 光是 ts 支持比 vue2 好就值得上了, 不用 ts 我浑身难受. 其他的 setup+hook 写法也爽多了.
    linkopeneyes
    linkopeneyes
    Aug 16, 2022
    11
    @wangtian2020 vite 打包快是用了 rollup+esbuild ,冷启动快是因为现代浏览器支持 ESM 。
    linkopeneyes
    linkopeneyes
    Aug 16, 2022
    12
    @bugfan 不能啊,要换成 element plus
    cydysm
    cydysm
    Aug 16, 2022
    13
    @a33291 老项目不用升级啊 要组合式 api 的话 2.7 也支持了
    bugfan
    bugfan
    OP
    Aug 16, 2022
    14
    @sjhhjx0122 好吧,ui 库也得换,我先去看看,感谢
    FightPig
    FightPig
    Aug 16, 2022❤️1
    15
    今年在用 svelte
    zhaol
    zhaol
    Aug 16, 2022
    16
    光 vue2 升级 vue3 到没啥,但是 vite 舒服的一批
    shakaraka
    shakaraka
    Aug 16, 2022
    17
    angular 战未来
    techgogogo
    techgogogo
    Aug 16, 2022❤️4
    18
    国内估计会是,毕竟是我们华人之光。但一些大厂估计还是会选用 angular 和 react 的多,毕竟需要和国际接轨,海外用 react 的还是比较多。但是 vue2 到 vue3 的升级建议缓缓,等周边生态建立差不多再动手项目升级会好点,毕竟一些依赖的第三方组件等可能没有及时升级。2 和 3 之间还是有不少的差别的,小项目且组件化程度比较细的可以考虑先升级,新项目也可以考虑直接上手 3.
    Leviathann
    Leviathann
    Aug 16, 2022❤️3
    19
    @wunonglin state of js 2021 调查
    用过再也不想碰的框架里,angular 排第一,持有这种态度的高达 26%
    满意程度排名,angular 排倒数第二仅高于 ember
    wu67
    wu67
    Aug 16, 2022
    20
    虽然我自己也用 vue, 但我认为 react 没那么卷. 每一道门槛, 都是为了减少卷和失业的风险, 实在不行的话, 据我个人观察, 远程 react 出现的频率也比 vue 高.
    另外 element-plus 目前的完成度真的是一言难尽, 我指能放心开箱即用的程度
    binaryify
    binaryify
    Aug 16, 2022
    21
    @techgogogo 和国际接轨 emmmm ,pornhub 也用 vue 的
    kwh
    kwh
    Aug 16, 2022
    22
    flutter 表示不服
    shakaraka
    shakaraka
    Aug 16, 2022 via iPhone
    23
    @Leviathann 这不妨碍它本身设计领先于 r,v
    aleen42
    aleen42
    Aug 16, 2022
    24
    vite 快,但是對我來說如果有問題,看源碼是有成本的; webpack 起碼還是 js
    LeeReamond
    LeeReamond
    Aug 16, 2022❤️2
    25
    前两个月刚体验 vue3 ,几个想法
    1 、周边问题:主体生态都已体验过,状态管理,路由等等,问题都不大。
    2 、组件库方面:落后于 vue2 很多,没有太成熟的产品。不过具体开发上现在一般也是自己梭,倒也不构成太大问题
    3 、框架本身:我觉得 vue3 在推广初期有些问题,过于关注 geek 细节,再加上无脑公众号转载,给了低端开发者一些复杂的错误印象。实际开发体验上 vue3 的 setup 比 2 代的模式爽快很多很多
    zhhqiang
    zhhqiang
    Aug 16, 2022
    26
    去动手试试吧
    bugfan
    bugfan
    OP
    Aug 16, 2022
    27
    感谢各位,我心里已经有了答案
    mrcotter2013
    mrcotter2013
    Aug 16, 2022❤️2
    28
    新项目果断 vue 3 + vite ,UI framework 是个问题。

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

    简单的 website ,如果没有太多复杂组件的需求,就强烈推荐 Tailwind CSS + daisyUI 。
    GreatAuk
    GreatAuk
    Aug 16, 2022
    29
    @FightPig 什么公司,还有时间让你造轮子?
    fengbjhqs
    fengbjhqs
    Aug 16, 2022 via Android
    30
    @techgogogo 用 react ,更多是因为 antd ,和国际没啥关系吧,vue 对国际化支持的非常好啊,
    beisilu
    beisilu
    Aug 16, 2022
    31
    @kwh flutter 可能不是未来,但是未来肯定没有 html 和 css
    snoopyhai
    snoopyhai
    Aug 16, 2022
    32
    只要弄明白了 ref, 就没问题了.
    a33291
    a33291
    Aug 16, 2022
    33
    @cydysm 是的,但是我们升级到了最新的 2.7.x.
    我升级这个动机并不是为了使用新特性,动机主要在于框架升级带来的性能提升和 bug 修复
    对于 ts 我也是菜鸡,虽然主要写 C#,但还是有很多不同

    另外我看都在说 vite,这个不是另一个构建工具吗(类似 webpack)?如果是的话能否让 vue2 也用上呢?
    otakustay
    otakustay
    Aug 16, 2022❤️13
    34
    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
    hervey0424
    Aug 16, 2022
    35
    ie 表示不服
    stoluoyu
    stoluoyu
    Aug 16, 2022
    36
    为什么我感觉 vue3 和 vite 已经好久了
    anguiao
    anguiao
    Aug 16, 2022
    37
    @yaphets666 其实,Vue 3 已经两年了🤣
    Guidoo
    Guidoo
    Aug 16, 2022
    38
    vue3 + vite + tsx 爽到飞起 感觉在写 react
    techgogogo
    techgogogo
    Aug 16, 2022
    39
    @fengbjhqs

    用什么库我觉得在这没有多大关系了,我觉得海外用 react 居多是长期以来一个积累引起的,也就是所谓的先发优势。毕竟一直以来海外用 react 的都比较多,你一下子想给他翻盘不容易的。这里可以参考下《从 0 到 1 》中作者彼得蒂尔说的破坏性创新的描述:新的竞争者起码要带来 10 倍的性能或者功能的提升才有希望干翻对方。况且 react 是有 meta 这个强大靠山的。
    shilianmlxg
    shilianmlxg
    Aug 16, 2022
    40
    整个 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
    edis0n0
    Aug 16, 2022❤️2
    41
    @techgogogo #18 华人之光?我记得 vue 是 yyx 在英国留学的时候做的,现在他已经移民新加坡了
    luchenwei9266
    luchenwei9266
    Aug 16, 2022
    42
    @FightPig svelte 好用吗?看样子不错,回头想拿个小项目来练练手
    techgogogo
    techgogogo
    Aug 16, 2022❤️4
    43
    @edis0n0
    这位兄台怕不是对‘华人’这个概念有什么误解吧?
    dcsuibian
    dcsuibian
    Aug 16, 2022
    44
    vue3 肯定是 vue 的未来,但 vue 是不是前端的未来还不好说。

    vite 或 snowpack 肯定是未来了,爽的一批。
    cvooc
    cvooc
    Aug 16, 2022
    45
    莽就完事了,私有项目随便莽做知识储备
    learnshare
    learnshare
    Aug 16, 2022
    46
    已经在用 Vue 2 的话,肯定建议上 Vue 3
    其他的还是首选 React
    um1ng
    um1ng
    Aug 16, 2022
    47
    vue3 + ts + vite 确实香 还有 pinia 数据流工具
    yunyuyuan
    yunyuyuan
    Aug 16, 2022
    48
    爽是真的爽,兼顾 react 式的灵活性( hook )与 angular 式的保姆性(自动变更检测)
    kinghly
    kinghly
    Aug 16, 2022 via Android
    49
    react
    frankies
    frankies
    Aug 16, 2022 via Android
    50
    大公司或者有全球布局的选 react ,中小公司选 vue ,该格局将维持相当长的时间。
    UFc8704I4Bv63gy2
    UFc8704I4Bv63gy2
    Aug 16, 2022
    51
    jquery 表示还可以抢救一下
    vevlins
    vevlins
    Aug 16, 2022
    52
    vue3 当然是趋势,composition api 用起来挺方便,我们用 vue3 做过一个较大型的 pc web 系统了。生态差不多了,就是不知道 nuxt3 稳定了没。

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

    vue3 相对于 vue2 对于 ts 的支持好了很多,但还有个别地方(当然也很有可能是我水平不行)有点问题。
    garyEzClap
    garyEzClap
    Aug 16, 2022
    53
    @shilianmlxg antd vue 有什么坑么,我看 elementplus issue 解决速度太慢了,antd 那边处理速度挺快的
    FightPig
    FightPig
    Aug 16, 2022
    54
    @GreatAuk 我们小公司,有些东西用来写内部系统用的,对外很多还在 vue2 。
    @luchenwei9266 还行吧,生态几乎没有,不过我主要拿来写内部的东西,所以,很多东西自己写的,不爽一点是他没自己的路由,全是第三方的。然后现在看发展像主推 SvelteKit ,这个包含了一套完整的状态,路由等,但我不怎么喜欢大而全的东西,所以如果用在项目上,我觉得还是用 vue3 或者 react 吧,生态至少全,另外今年看了个 solidjs 也挺好玩的。
    xujianxing
    xujianxing
    Aug 16, 2022
    55
    花个 10 分钟看个文档精通一下就 ok 了
    dsa999
    dsa999
    Aug 16, 2022❤️2
    56
    作为一位从 vue1 过来的开发者,期间 vue2 也用过,vue3 api 目前大致看过一遍。

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

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

    个人感觉中大型项目 react ,中小型项目 vue ,大型超大型项目 angular 。三足鼎立,都是未来。
    isbase
    isbase
    Aug 16, 2022
    57
    过来人表示,老老实实优先用 React 吧
    xz410236056
    xz410236056
    Aug 16, 2022
    58
    @techgogogo #18 华人之光指的是

    “虽然文档内容是 MIT 协议开源的,但文档本身是有版权的” 的特色 MIT 吗
    xz410236056
    xz410236056
    Aug 16, 2022❤️2
    59
    @techgogogo #18 我的意思是,VUE 好用,尤雨溪这人不行。华人之光有点造神了
    zhaofy
    zhaofy
    Aug 16, 2022
    60
    借楼请教一下 一个资讯类的站点技术栈如何选择 seo 服务端渲染也要考虑
    Carseason
    Carseason
    Aug 16, 2022
    61
    vite vue3 ts pinia
    才是当前 vue 的最优解,UI 库的话不评价,根据团队来选就可以了
    Carseason
    Carseason
    Aug 16, 2022
    62
    seo 的话可以看 vite-ssr 之类的
    chuhemiao
    chuhemiao
    Aug 16, 2022
    63
    react + ts + vite😂 是不是骚操作了
    luchenwei9266
    luchenwei9266
    Aug 16, 2022
    64
    @FightPig 谢谢老哥,我也是准备在小项目里试试手。
    fy
    fy
    Aug 16, 2022
    65
    挺好用的,但是有个问题是。。。。16G 内存的笔记本,无法完成项目构建,得 32G
    zjsxwc
    zjsxwc
    Aug 16, 2022❤️1
    66
    个人感觉:

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

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

    react 很适合灵活性要求高的项目,因为 jsx 本身就是 js 语法糖,react 就比 vue 、angular 这些有限制的框架更有可能,比如做所见即所得拖动生成页面时这种就很适合 react ,换成 vue angular 就限制很大,不能实现。
    dufu1991
    dufu1991
    Aug 16, 2022
    67
    @luchenwei9266 我去年用 Svelte 写了个小项目,感兴趣的话可以去指点一下。https://github.com/dufu1991/simple-cloud-music
    dufu1991
    dufu1991
    Aug 16, 2022
    68
    @fy 这个应该是你电脑的问题。
    ragnaroks
    ragnaroks
    Aug 16, 2022
    69
    如果你正在用 vue ,那就是,否则不是
    badmarillo
    badmarillo
    Aug 16, 2022
    70
    @shilianmlxg hhhh 最近一个新的后台项目正好用的是 ant-design-vue 暂时没感觉到什么坑呀
    fy
    fy
    Aug 16, 2022
    71
    @dufu1991 不知道是 node 版本还是什么原因,反正 build 到一半就 crash 然后弹 OOM
    walpurgis
    walpurgis
    Aug 16, 2022❤️1
    72
    @fy node 命令前加参数 NODE_OPTIONS=--max-old-space-size=8192 试试
    Macv1994
    Macv1994
    Aug 16, 2022
    73
    不明白 vite 为什么这么快,有没有大手子解释一下。
    AyaseEri
    AyaseEri
    Aug 16, 2022❤️1
    74
    别提什么 Vue React Angular ,老夫抄起 Unity3D 就是一顿 WASM 。
    molvqingtai
    molvqingtai
    Aug 16, 2022
    75
    @Macv1994 #73
    使用 esbuild 打包,然后输出的 esm 没有 bundle 过程
    Dragonphy
    Dragonphy
    Aug 16, 2022
    76
    @stillyu #7#7
    组合式 API 挺爽的
    GreatAuk
    GreatAuk
    Aug 16, 2022
    77
    @AyaseEri wasm 也不是未来,要看场景的。https://zhuanlan.zhihu.com/p/543090463
    qiaobeier
    qiaobeier
    Aug 16, 2022
    78
    去年开始在自己的项目使用 vue3 ,开发效率和 vue2 没差,应该是现在开发小项目最适合的前端框架了。但是,就业市场上还是 react 是主流。
    Xcharles
    Xcharles
    Aug 16, 2022
    79
    composition api 配合 pinia 太爽了
    beginor
    beginor
    Aug 16, 2022
    80
    vue3 确实是 vue 的未来, 但是肯定不是前端的未来。

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

    - TypeScript 对 react 有特供的支持, 可以直接处理 react 的 jsx , 这一点 vue 就别想了;
    - Angular 本身就是用 ts 编写的, 不用 ts 的话还是洗洗睡吧;
    pooorguy
    pooorguy
    Aug 16, 2022
    81
    新新手借贴问下:现在学完基础后是进阶 vue2 还是直接上 ts+vue3
    terranboy
    terranboy
    Aug 16, 2022
    82
    新手直接上 REACT 吧 要说趋势 谁引领谁呢
    arfaWong
    arfaWong
    Aug 16, 2022
    83
    @chuhemiao #63 同 react + ts + vite
    zhwithsweet
    zhwithsweet
    Aug 16, 2022
    84
    资深 vue 用户,现在基本什么都尝试。
    主要是 vite 爽,我觉得 vite 大有可为;目前社区也是用脚投票,新型的技术比如 stackblitz 第一时间内置了; Astro 底层由 vite 驱动,静待 vite 4 。
    nzbin
    nzbin
    Aug 16, 2022
    85
    @Leviathann 你肯定没看圆圈里的数字,angular 满意度从 42% 到 45%,你看看其它框架还有谁比 angular 涨幅高
    Envov
    Envov
    Aug 16, 2022
    86
    vue 的模板语法感觉不是很好,虽然支持 jsx 但是体验很一般,个人比较喜欢 react 大道至简的感觉
    IsaacYoung
    IsaacYoung
    Aug 16, 2022 via iPhone
    87
    重生之我不想写前端
    sun1993
    sun1993
    Aug 17, 2022
    88
    我们公司前端在用 react
    duke807
    duke807
    Aug 17, 2022 via Android
    89
    vannila js 才是輪迴的盡頭
    siriussx
    siriussx
    Aug 17, 2022
    90
    目前还不好说
    daysv
    daysv
    Aug 17, 2022
    91
    深度写过几年 vue angualr react, 我选 react
    laolaowang
    laolaowang
    Aug 17, 2022
    92
    华人之光???我滴妈呀
    mokevip
    mokevip
    Aug 17, 2022
    93
    我们公司已经在用了,正在成为规范
    cxzweb
    cxzweb
    PRO
    Aug 17, 2022
    94
    我选 solidjs
    CoolkHz
    CoolkHz
    PRO
    Aug 17, 2022
    95
    @vevlins nuxt3 全是坑,才 rc8 版本,写了个小东西,已经被 bug 弄疯了
    frankkly
    frankkly
    Aug 17, 2022
    96
    兄弟们,有没有自学 VUE 的资料
    ktqFDx9m2Bvfq3y4
    ktqFDx9m2Bvfq3y4
    Aug 17, 2022 via iPhone❤️1
    97
    @nzbin 再结合前端编程技术水平参差不齐,不能指望水平低的投 angular 。连 ts 都抗拒的更不可能投了。

    我主后端,已润,项目在用 angular 并看好它
    bugfan
    bugfan
    OP
    Aug 17, 2022 via iPhone
    98
    感谢各位!在下心里已经有了答案🌹
    xingyuc
    xingyuc
    Aug 17, 2022
    99
    @frankkly B 站搜一下一大把
    wangxiaoaer
    wangxiaoaer
    Aug 17, 2022❤️1
    100
    我就搞不明白一件事情,react 这种在 markup 里面写逻辑的方式怎么能忍?跟 php 一个熊样。
    1  2  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4494 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 183ms · UTC 06:43 · PVG 14:43 · LAX 22:43 · JFK 01:43
    ♥ Do have faith in what you're doing.