V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
bugfan
V2EX  ›  Vue.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    我主后端,已润,项目在用 angular 并看好它
    bugfan
        98
    bugfan  
    OP
       50 天前 via iPhone
    感谢各位!在下心里已经有了答案🌹
    xingyuc
        99
    xingyuc  
       50 天前
    @frankkly B 站搜一下一大把
    wangxiaoaer
        100
    wangxiaoaer  
       50 天前   ❤️ 1
    我就搞不明白一件事情,react 这种在 markup 里面写逻辑的方式怎么能忍?跟 php 一个熊样。
    1  2  
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2358 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 54ms · UTC 13:08 · PVG 21:08 · LAX 06:08 · JFK 09:08
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.