jsiwa
V2EX  ›  Vue.js

我真的要放弃 Vue,改用 React 了

  •  
  •   jsiwa · Jan 30 · 10857 views
    This topic created in 287 days ago, the information mentioned may be changed or developed.

    因为 AI 已经彻底改变了我写代码、做产品的方式。

    举个最近非常真实的例子: 我用 AI 从收集资料、买域名、写代码,到上线一个可访问的网站,全程不到 1 个小时。 https://openclawai.net/

    这个速度,说实话,用 Vue 是几乎做不到的,而且我更加熟悉 vue 。

    不是 Vue 不好,而是:各个平台默认输出的就是 react ,如果迁移到 vue 需要很多额外的 token

    而用 AI 写 React:

    • JSX + 函数组件,AI 命中率非常高
    • 一次生成可运行的概率明显更大
    • 重构、拆组件、补逻辑几乎是“指哪打哪”

    更关键的一点是: 我对 React 其实并不算熟。

    但这件事已经不再重要了。

    48 replies  •  2026-02-02 16:09:20 +08:00
    doraemonki
    1
    +1 ,我也是熟悉 Vue 但还是切到了 React
    Valid
    Valid
    Jan 30
    2
    react 生态太强辣,包太多
    mokecc
    mokecc
    Jan 30
    3
    https://aistudio.google.com/ 只会生成 react 但是代码写的是真好 质量非常高
    修修补补写完功能,还可以让他重构一下,真的不用手写代码了
    wzw
    wzw
    Jan 30 via iPhone
    4
    H5 加 小程序,一套有对应的吗
    humbass
    humbass
    Jan 30
    5
    对于 AI 来说,react\vue 有啥区别? 你说中文人家理解都没毛病,那点语法算啥。
    jokcylou
    jokcylou
    Jan 30 via Android
    6
    @humbass 想啥呢,生成质量取决于训练数据的数量和质量,论生态 react 就是一家独大,自然数据数量和质量都是第一,训练出来的模型写 react 更好是理所当然的
    kakki
    kakki
    Jan 30
    7
    @humbass 区别就是 React 相比 Vue 至少多了五倍的训练数据.
    humbass
    humbass
    Jan 30
    8
    @jokcylou @kakki 那是对于大数据而言,vue\react 本身不复杂,差别没多少。
    Morgan2
    Morgan2
    Jan 30
    9
    xueshi
    xueshi
    Jan 30
    10
    我也觉得 react 好用,封装的很好,库也很多
    LandCruiser
    LandCruiser
    Jan 30❤️10
    11
    AI 被大佬们吹上天,结果搞了半天,跨语言转换都搞不定
    gary907478
    gary907478
    Jan 31❤️2
    12
    并不觉得。设置好的 rules, skills 和 MCP ,仍然可以生成高质量的 Vue 代码。

    的确,Vue 的代码数量比 React 少很多。但同样,同比垃圾代码也少很多。更多的代码并不代表都是更好的代码。

    我认为在现在的代码体量下,Vue 和 React 并没有什么决定性差距。我觉得更多还是 AI 工程能力的区别,包含工具和个人。Claude 相比 Gemini 就是在 coding 方面更强。CC 也要比 Gemini CLI 要强。但是你要说生成图片,那 Cluade 远不如 Gemini 。

    我觉得 Vue 和 React 之间的差距远不如使用好的 AI 工具和模型。
    kulove
    kulove
    Jan 31 via Android❤️1
    13
    有没有可能用什么语言都无所谓 只是为了来打个广告呢
    C64NRD
    C64NRD
    Jan 31
    14
    react 向下兼容更好,基本上不存在不同版本写法差异特别大的情况
    seven777
    seven777
    Jan 31
    15
    目前最好的模型基本都不太懂 nuxt, 更不太懂 nuxt4, 如果是 nuxt4 + nuxtui4 + nuxt modules, 目前几乎所有大模型都在胡扯, 都能把本来好好的项目干废掉.
    sonnet 4.5 能在一个坑里自己拉屎自己吃 1 个小时, 最终还在坑里.
    seven777
    seven777
    Jan 31❤️1
    16
    nuxt4 工具链太长了, nuxt4, nuxtui4, nuxt modules, vueuse, vue3, vue modules......
    版本之间还有冲突和不兼容, 挺乱的.
    BeCool
    BeCool
    PRO
    Jan 31
    17
    我觉得 AI 输出 Vue 没有什么问题,对于“如果迁移到 vue 需要很多额外的 token” 这个表示怀疑。
    WasteNya
    WasteNya
    Jan 31
    18
    @kulove 都 10w stars 的无数人知道的产品了还需要这么穷酸的广告?
    kulove
    kulove
    Jan 31 via Android❤️2
    20
    @WasteNya 没说产品只说网站 这个和那个谁的徒弟们是一样的套路 热词出来 就抢域名 搞快速上线(没有什么任何不好的意思 只是不太好直说名字)
    kulove
    kulove
    Jan 31 via Android
    21
    @WasteNya 再追加一句 后面就是到处发帖子 搞外链
    iorilu
    iorilu
    Jan 31
    22
    老外一般项目都是 react, 训练资源多阿

    另外 react 基本还算是编程, vue 更多是一种模板语言, 生成 react 代码更加可控一点, 对 ai 来说, 逻辑性强一些
    MIUIOS
    MIUIOS
    Jan 31❤️1
    23
    所以你搞一个山寨官网干嘛
    kunkunzhang
    24
    不是你用 react 。是你用 ai
    jsiwa
    jsiwa
    OP
    Jan 31
    25
    @BeCool 输出 vue 当然没问题的,只不过很多 ai 平台默认输出的可以直观预览的都是 react 呀,拷贝到本地还是需要转化一次的。
    crocoBaby
    crocoBaby
    Jan 31 via iPhone
    26
    用 ai 写 vue 已经有三个月了,其实你说的问题不大,还是能用
    jsiwa
    jsiwa
    OP
    Jan 31
    27
    @crocoBaby 如果结合手写,只用 ai 编辑器,问题不大的,主要是要各个平台 ai 相互配合,通用的语言比较合适
    oness
    oness
    Jan 31
    28
    这个 Openclaw 项目这么吊? 120K star ,有人用过吗?评价下
    bbbblue
    bbbblue
    Jan 31
    29
    不过 react 的话 现在就算用 cc + claude opus 4.5
    他还是可能会写出 useEffect 死循环😂 然后自己排查给自己绕晕进去
    Ldo
    Ldo
    Jan 31
    30
    vue 也有 jsx tsx 函数组件
    v2zhao
    v2zhao
    Jan 31
    31
    祝你好运
    mingring
    mingring
    Jan 31
    32
    @kulove #13 你是对的,就是那帮人
    IamUNICODE
    33
    我改用 react 是因为现在招人好像都招这个,vue 少,而且熟了感觉真的很好用。。
    seven777
    seven777
    Jan 31
    34
    @seven777 #15 昨天才发这个牢骚, 今天就被推送了 antfu/skills 的各种, 再试试吧.
    bzj
    bzj
    Jan 31
    35
    这种网站靠什么盈利
    a67793581
    a67793581
    Jan 31
    36
    vue 本质就是模板概念啊,只要 react 才是真正的学习后端工程的概念
    BeCool
    BeCool
    PRO
    Jan 31
    37
    @jsiwa 主流的 Codex/Claude 只要指定技术栈就行了,但看起来你是习惯用网页类的工具。但既然你可以拷贝到本地再转,为什么不直接用本地 AI 指定技术栈开发?
    laved
    laved
    Feb 2
    38
    @Ldo 我都 jsx tsx 了 我还用 vue 干嘛?
    laved
    laved
    Feb 2
    39
    @IamUNICODE 熟悉 react 之后,vue 是越写越难受
    MHPSY
    MHPSY
    Feb 2❤️1
    40
    @seven777 #34 The skill is based on Nuxt 3.x, generated at 2026-01-28.

    antfu/skills 基于 3.x 也不是 4
    linkopeneyes
    41
    记得写上规则,非必要不要使用 useEffect ,ai 生成的代码基本高强度 useEffect ,高强度 useEffect 的代价就是会无限死循环,并且谁看不懂输出和输入
    Cloudust
    42
    @seven777 #15 nuxt 和 nuxtui 有文档的 mcp ,不知道是不是可以稍微弥补一些数据不全的情况
    unco020511
    43
    @seven777 #15 确实有这个问题,我通过添加 context7 的 mcp 之后,agent 会自动去读官网对应的版本文档,好了一些
    seven777
    44
    @MHPSY #40 非常感谢提醒.
    也证实了我的怀疑, 我发现事情变好了, 但是我不知道是因为我使用了 antfu/skills 还是因为我换用了 gemini 3 Pro.
    大概率在我这里的情况是 gemini 3 pro 在前端工程上超过 haiku 4.5, 不确定是否能超过 Opus 4.5
    seven777
    45
    @unco020511 #43 nuxt4 有很多的暗坑(我是菜鸟, 我的浅见), 不如 nextjs 光明磊落.
    Liamccc
    Liamccc
    Feb 2
    46
    说真的个人感觉 vue 代码真的难读
    比如
    ```
    import { ref } from 'vue'
    const count = ref(0)
    count.value = 1

    ```
    全局都是这样去改状态,到处都是.value
    AV1
    AV1
    Feb 2
    47
    @Liamccc
    说真的,svelte 正是我理想中 vue3 应该有的样子🐶。

    你的 vue 代码在 svelte 是这样的:
    let count = $state(0)
    count = 1
    cellsyx
    cellsyx
    Feb 2
    48
    @bbbblue 确实, 我也遇到过. 一般来说, 只要你指出问题或者把浏览器的 console 内容复制给它, 基本上一遍就改过来了.
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2042 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 88ms · UTC 14:54 · PVG 22:54 · LAX 06:54 · JFK 09:54
    ♥ Do have faith in what you're doing.