2025 年是不平凡的一年,从 AI 爆发式增长彻底改变了我们开发应用的方式, 到严重漏洞和安全攻击震撼整个生态系统的严峻挑战,2025年是创新与挑战并存的一年。
而在前端的发展中,Vue 生态在这一年又经历了哪些变化?下面 Best of JS 比较了过去 12 个月在 GitHub 上获得的 Star,来回顾一下整个 Vue 生态的一个发展。
我们把整个生态 2025 年的发展大致划分为以下 3 个方面:
开发者生产力工具
开发者的演示幻灯片工具 。
这就好比是用写代码的方式(Markdown)来做 PPT。它支持代码高亮、实时预览等功能,还能直接在 PPT 里运行 Vue 组件。
适用场景:技术分享、代码教学、内部技术评审。
基于 Vite 和 Vue 的静态站点生成器。
Vue 官方推荐的文档生成工具。它极快、简洁,现在很多 Vue 项目的官方文档就是用它写的。
适用场景:项目文档、简单的博客、个人主页。
一个神奇的 Vue 后台管理,让人感到不可思议的是,这是一个 Vue2 项目。
非常经典的、元老级的后台管理系统解决方案。虽然现在有了很多新选择,但它依然是很多企业后台系统的参考模板。
适用场景:快速搭建企业级中后台管理系统。
核心框架
渐进式 Web SSR 框架 。
如果说 Vue 是引擎,那 Nuxt 就是一辆造好的整车。它提供了服务器端渲染 (SSR)、自动路由、SEO 优化等全套功能。
适用场景:需要 SEO 的官网、大型复杂的 Web 应用。
🎨 UI 组件库与设计系统
UI 组件库的竞争是最激烈的,呈现出 “传统” 与 “新兴” 两种流派:
开源的动画与交互组件集合。
和我们早期推荐的 inspira-ui 类似,它不是一个传统的通用 UI 库,而更像是一个特效库。它专注于提供那些炫酷的、动效丰富的组件,能让网页瞬间变得高大上。
Vue 的特效库又多了一个选择。
shadcn-ui 的 Vue 移植版。
目前的当红炸子鸡。它不是一个让你 npm install 的库,而是让你把代码“复制粘贴”到项目里自己改。这给了开发者极大的控制权,不再受限于组件库原本的样式,对于需要高度定制化的应用是一个非常好的选择。
次世代 Vue UI 组件库。
功能极其丰富的大而全组件库。它的特点是组件多(图表、地图、编辑器都有)且主题系统非常强大,甚至支持无样式模式。
★
最新的 V2 版本已经升级为 Reka UI。
用于构建高质量 UI 的开源组件库。
Headless UI(无头组件) 的代表。它只提供功能(比如下拉菜单的交互逻辑、无障碍访问),不提供任何样式。样式完全由你决定。shadcn-vue 底层就是用的它。
Element 团队制作的 Vue 3 UI 库。
国内开发者的老朋友。它是 Element UI 的 Vue 3 版本,不仅稳定,而且社区资源极其丰富,是很多国内公司的首选。
基于 Reka UI 和 Tailwind CSS 的 UI 库。
专门为 Nuxt 框架打造的 UI 库,深度集成,开发体验非常丝滑,且默认风格很现代化。
Vue 官方
那 Vue 官方 2025 年又做了哪些工作呢?
Vue3
| 时间 | 核心工作内容 | 关键影响 |
|---|---|---|
| 2025年 Q1 | Vapor Mode (蒸汽模式) 核心功能稳定 🧪 | Vue 开始脱离虚拟 DOM。对于极致性能要求的场景,打包体积将减小,速度更快。 |
| 2025年 Q2 | Vite + Rolldown 深度集成 ⚡ | Vite 的底层打包引擎切换为 Rust 编写的 Rolldown。项目的打包速度将迎来数倍甚至十倍的提升。 |
| 2025年 Q3 | Vue 3.6 版本发布 📦 | 预计引入更成熟的响应式解构和全新的 useData 加载机制。 |
| 2025年 Q4 | Vapor Mode 兼容性扩展 🔌 | 允许开发者在同一个项目中混合使用标准模式和 Vapor Mode,平滑迁移旧组件。 |
| 2026年 初 | Vue 4.0 愿景讨论与实验 🚀 | 核心团队将正式评估是否将 Vapor Mode 作为未来主版本(4.0)的默认渲染引擎。 |
Pinia
pinia 除了例行的更新和维护,还和 vue router 的进行了深度联动,通过 Data Loader 的形式,两者的边界开始变得模糊。
Vue Router
vue router 正在从一个单纯的路由管理器转变为应用的数据加载枢纽。
使用 unplugin-vue-router,能够实现:
- 文件路由:文件结构即路由;
- Data Loaders:在路由中进行异步状态管理;
- TS 类型路由:自动生成路由类型声明文件;
而 vue router 未来的 5.0 版本中将会内置这些功能。
VoidZero
VoidZero 四骑士
VoidZero 在 2025 年达成的三大里程碑成果:
1. Rolldown 的全面投产 🏎️
Rolldown 是 VoidZero 的核心引擎,使用 Rust 编写的打包工具,旨在兼顾 esbuild 的高性能和 Rollup 的强大功能。
统一性:在 2025 年之前,我们开发用 esbuild,生产环境用 Rollup,这种不一致常导致“开发没问题,上线就报错”。Rolldown 实现了两者的统一。极致性能:由于底层完全由 Rust 构建,它在处理大型项目时的构建速度比传统的 JavaScript 工具快了数倍。
2. Vite7 的原生化转型 ⚡
2025 年发布的 Vite7 是 VoidZero 生态的首个大规模应用成果。
核心替换:Vite7 正式将底层打包引擎替换为 Rolldown。插件生态兼容:虽然底层变了,但它几乎完美兼容了现有的 Rollup 插件生态,开发者可以无感迁移,享受到速度的提升。
3. Oxc 的集成与性能压榨 🛠️
VoidZero 还整合了 Oxc。
超越 Babel/ESLint:2025 年,Oxc 提供的代码转换和类型检查能力被深度集成到工具链中,取代了过去沉重的 JavaScript 实现。里程碑意义:标志着前端工具链彻底进入了 “原生化” 时代,开发者不再需要忍受长时间的冷启动和热更新等待。
4. Vitest
2025 年 Vitest 最显著的改进来自于将底层打包引擎更换为 Rolldown;同时带来了更高效的监视模式,当你修改一行代码时,相关的测试用例会几乎瞬间触发,反馈循环变得极其短促。
原生浏览器支持:2025 年的 Vitest 浏览器模式更加成熟,允许测试直接在真实的浏览器内核中运行。这解决了许多 JSDOM 无法模拟的样式和复杂交互(如拖拽)的问题。无缝调试:你可以直接在浏览器开发者工具里调试测试用例,看到的 DOM 结构和交互表现与真实用户完全一致。智能测试覆盖分析:通过 Oxc 提供的快速语法分析,Vitest 能更精准地判断哪些代码分支未被覆盖,并给出更具可读性的修复建议。类型安全测试:原生支持 TypeScript,expect-type 等特性被深度整合。
总结
2025 年整个 Vue 生态的发展主要集中在 3 个板块:
1. 开发者工具的崛起 (Developer Tools)
最引人注目的是榜首项目 Slidev,它以 +9.3k 的增长量遥遥领先。
这表明 Vue 的生态已经不仅仅局限于应用开发本身,而是扩展到了开发者的工作流中。Slidev 作为一个面向开发者的演示文稿工具,它的流行反映了开发者对“代码即一切”(Presentation as Code)的高涨需求。
2. UI 组件库的新格局:灵活性 vs 完整性
榜单中有半数以上的项目都与 UI 相关,但方向有所不同:
高度可定制化(Headless): shadcn-vue (#4, +3.4k) 和 Radix Vue (#7, +2.1k)的上榜,说明开发者越来越倾向于拥有样式的完全控制权,而不只是使用开箱即用的 UI 库。
经典与全能: 老牌强者 Element Plus (#8)和 PrimeVue (#6)依然稳健,证明企业级开发对成熟、大而全的组件库需求依然旺盛。
生态深度集成: Nuxt UI (#10)的出现显示了特定框架专属 UI 库的潜力。
3. 核心框架与内容驱动
Nuxt (#2, +3.7k) 继续作为 Vue 生态的旗舰框架领跑,显示了其在全栈和 SSR 领域的统治力。
VitePress (#5, +3.2k)作为静态站点生成器的高排名,强调了文档和内容驱动站点在 Vue 生态中的重要性。
Vue Bits (#3, +3.5k) 作为一个开源集合上榜,也反映了社区对高质量资源整理的渴望。
了解了这些项目的定位后,我们可以发现一个趋势:现在的 Vue 开发者越来越喜欢高定制化(如 shadcn-vue)和开发体验工具(如 Slidev) 。
那你是更倾向于使用 Element Plus 这种开箱即用的传统组件库,还是想尝试 shadcn-vue 这种高度自由的新模式呢?
作品推荐
Haotab 新标签页,一个优雅的新标签页
静待你的体验❤