Vibe Coding 时代：Vue 消失了还是 React 太强？

作者：吴佳浩

撰稿时间：2026-3-28

最后更新：2026-3-30

引言：

最近一段时间，"vibe coding" 的项目在夜晚的技术社区里密集涌现：几乎零门槛、即时生成、所见即所得。开发者只需要描述需求，AI 就能快速拼装出一个完整的前端应用。而在这些不断刷新的 demo、开源仓库和教程中，一个现象逐渐变得清晰------React 正在成为默认答案。

与之形成对比的是，曾经在中文开发者社区中被广泛推崇、甚至被称为"前端开发神器"的 Vue.js，却在这一波 AI 驱动的开发浪潮中逐渐"隐身"。它并没有消失，也没有衰落，但在 AI 的输出中，它不再是那个优先被选择的选项。

这并不是一个简单的"框架优劣"问题，而更像是一种技术生态在 AI 时代的映射：当代码生成开始依赖数据分布，当开发习惯被模型学习并放大，曾经由人主导的选择，正在悄然被"统计结果"所重塑。

于是，一个值得被重新审视的问题浮现出来------ 在 AI 参与开发的时代，谁才在真正决定技术的默认路径？

一篇关于框架生态、AI 偏见与技术传播的认知小的思考

一、先看现象

当你用任何主流 AI（Claude、GPT、Gemini）说一句：

"帮我写一个前端项目"

十次有九次，出来的是 React。

这不是巧合，也不是 AI 在推销什么，而是一连串结构性原因叠加的结果。

二、数据层面：React 从未被"平起平坐"

关键数据对比（2023 年 npm 周下载量）

框架	周下载量	主要用户群
React	~2200 万	全球，尤其美国
Vue	~450 万	中文圈、亚洲、欧洲部分
Angular	~350 万	企业级、金融
Svelte	~80 万	追求极致体积的开发者

Vue 从来不是"消失了"，而是在全球绝对数量上本来就没有和 React 持平过。

三、为什么 AI 默认输出 React？

3.1 训练数据的地理偏差

flowchart TD A[互联网英文内容主导训练集] --> B[美国工程师文化主导英文技术内容] B --> C[React 是 Meta 美国公司产品] C --> D[React 相关博客/教程/GitHub 项目海量] D --> E[AI 训练后默认前端 = React] F[中文 Vue 内容丰富] -->|权重被降低| G[对 AI 偏好影响有限]

本质：AI 的训练集是互联网的快照，而这张快照严重偏向英文/美国视角。Vue 在中文互联网极其流行，但中文语料在大模型训练集中的权重远低于英文。

3.2 JSX 对 AI 生成更友好

React 的 JSX 语法天然适合 AI 生成代码：

结构 + 逻辑 + 样式写在同一个文件
单文件即可表达完整组件
不需要在 .vue、.html、.css 之间协调
生成出错率更低、可运行率更高

AI 在 RLHF（人类反馈学习）阶段，"能跑起来的代码"会获得高分，于是 React 的路径被不断强化。

3.3 训练数据截止时间的锁定效应

timeline title AI 训练数据截止窗口 vs 框架格局 2020 : React 市场份额顶峰期 : Vue 3 刚发布，生态尚不成熟 2021 : Vite 发布，但影响尚小 2022 : 多数主流大模型训练数据截止 : React 占据绝对语料优势 2023 : Vibe Coding 概念兴起 : AI 已"学死"了 React 偏好 2025 : Vue / Svelte 复兴 : 但 AI 的偏好已固化

四、Vibe Coding 是什么？为什么放大了这个问题？

Vibe Coding = 用自然语言描述需求，AI 直接生成完整可运行代码，开发者几乎不写代码，只做「验收」。

代表工具：Cursor、Bolt、v0.dev、Lovable

sequenceDiagram participant 用户 participant AI participant 浏览器用户->>AI: "帮我做一个待办事项 App" AI->>AI: 内部推理 → 选框架 Note over AI: 没有指定框架？
默认 React + Vite AI->>用户: 输出完整 React 项目用户->>浏览器: npm run dev 浏览器->>用户: 跑起来了

问题在于 ：在 Vibe Coding 流程里，用户几乎不审查框架选择。只要能跑，就认可了。于是 AI 的 React 偏好被大规模、无意识地复制进了新项目。

五、Vue 消失了吗？客观答案

没有消失，但处境发生了变化

graph TD subgraph Vue 的真实处境 A[国内大厂仍大量使用 Vue] B[uniapp / 小程序生态绑定 Vue] C[Nuxt 3 在 SSR 领域强势] D[中小团队入门首选] end subgraph Vue 的相对弱化 E[Vibe Coding 工具几乎不默认 Vue] F[英文开源社区以 React 为主] G[Next.js 生态形成护城河] H[AI 生成代码强化 React 惯性] end

客观结论：

Vue 在中文圈、亚洲市场、小程序生态依然强势
Vue 在全球 AI 生成代码、英文开源社区的曝光度极低
Vue 没有消失，但在 Vibe Coding 时代几乎被 AI 忽视

六、React 为什么这么强？

React 的领先不是偶然，有深层的结构性原因：

6.1 生态护城河

mindmap root((React 生态)) 元框架 Next.js Remix UI 组件库 shadcn/ui MUI Ant Design 状态管理 Zustand Redux Jotai 测试 React Testing Library 移动端 React Native

任何竞争框架都要面对这个生态的「重力场」------用 Vue 做项目，就意味着放弃上面大部分工具。

6.2 Next.js 的绑定效应

Next.js 是目前最流行的全栈 Web 框架，它绑定了 React。只要 Next.js 持续统治 SSR/SSG 领域，React 就不可能失去主流地位。

6.3 就业市场的正反馈

graph LR A[招聘要求 React] --> B[开发者学 React] B --> C[开源项目用 React] C --> D[AI 训练数据 React 多] D --> E[AI 默认生成 React] E --> F[新项目用 React] F --> A

这是一个自我强化的循环，很难从外部打破。

七、模型互相蒸馏是原因吗？

有人认为各大 AI 互相蒸馏数据，导致 React 偏好被放大传播。这个观点部分成立，但不是主因：

观点	评估
蒸馏确实存在	存在但规模有争议，各家 ToS 明确限制
蒸馏传播了 React 偏好	蒸馏传递的是推理风格，不太可能精确传递框架偏好
原始训练数据本身就偏 React	这才是根本原因
英文互联网地理偏差	更底层的原因

八、给开发者的实用建议

如果你想用 Vue / Svelte / 原生 JS

明确告诉 AI，不要让它「自由发挥」：

bash 复制代码

用 Vue 3 + Composition API + Vite 实现一个...
用原生 HTML + CSS + Vanilla JS，不要任何框架...
用 Svelte 5 写一个组件...
用 Nuxt 3 构建一个 SSR 页面...

框架选择的实用原则

九、总结

Vue 没有消失。React 确实太强。AI 的偏见放大了这个差距。

React 的强势有其历史、生态、就业市场的结构性原因
AI 的默认偏好本质上是英文互联网 + 美国科技文化主导训练数据的结果
Vibe Coding 时代，AI 的框架偏好被大规模无意识地复制
Vue 在中文生态依然健康，但在 AI 生成代码的世界里几乎隐形
解决方案很简单：明确告诉 AI 你要用什么框架

最后一个思考题：如果未来中文语料在大模型训练集中的权重提升，Vue 会重新出现在 AI 的默认选择里吗？