Vue 是一款易学易用，性能出色，适用处景丰富的渐进式 JavaScript 框架，深受广大开辟者的爱好，Vue3 更是推出了 Composition API，让逻辑复用更友爱。
顿时就到 2024 年了，假如你的项目正在利用 Vue3，大概筹算升级 Vue3，以下 Vue3 组件库也许是不错的挑选。
Element Plus
Element UI 是国内利用最普遍的 Vue2 组件库之一，而 Element Plus 是 Element UI 的升级版，基于 Vue3 和 TypeScript，供给了 70 多个易于利用的组件。
- 官网：element-plus.org/
- GitHub：github.com/element-plu…
- NPM：www.npmjs.com/package/ele…
Element Plus 于 2020年9月公布第一个 Beta 版本，2022年2月公布第一个稳定版本 v2.0.0，今朝基首要由社区开辟者在保护。
以下是停止到 2023.12.9 的数据情况：
目标
| 数值
| Star
| 22k
| NPM 周下载
| 155,168
| Issue
| 1251(Open)+4682(Closed)
| PR
| 397+6027
| 进献者
| 540
| 组件数
| 70
|
Vuetify
Vuetify 基于 Material Design 设想标准，供给 80 多个组件，具有静态主题、全局默许值、利用框架等丰富而强大的特征，它以供给给开辟者丰富的工具，给用户杰出而丰富的利用体验为终极方针。
- 官网：vuetifyjs.com/
- GitHub：github.com/vuetifyjs/v…
- NPM：www.npmjs.com/package/vue…
Vuetify 是一个国外的老牌 Vue 组件库，2016年7月公布第一个版本，2018年2月公布 v1.0.0 稳定版本，2022年11月公布 v3.0.0 正式版本，起头支持 Vue3。今朝首要由 John Leider 和 KaelWD 在开辟和保护。
目标
| 数值
| Star
| 38.4k
| NPM 周下载
| 426,429
| Issue
| 665+12443
| PR
| 125+4792
| 进献者
| 898
| 组件数
| 80
|
Ant Design Vue
Ant Design 是全球历史最悠久和最受接待的组件库之一，官方供给 React 版本，Ant Design Vue 是它的 Vue 版本，由社区开辟和保护，遵守 Ant Design 设想标准，供给 67 个组件。
- 官网：antdv.com/
- GitHub：github.com/vueComponen…
- NPM：www.npmjs.com/package/ant…
Ant Design Vue 于 2017年9月建立代码仓库，2018年8月公布第一个版本，2022年4月公布 v3.0.0 版本，起头支持 Vue3，今朝首要由 tangjinzhou 在开辟和保护。
目标
| 数值
| Star
| 19k
| NPM 周下载
| 74,447
| Issue
| 173+5115
| PR
| 36+1619
| 进献者
| 243
| 组件数
| 67
|
Quasar
Quasar 不但仅是一个组件库，而是一个基于 Vue 的开源框架，可以帮助 Web 开辟职员快速建立多种气概的响应式 ++ 网站/利用法式：
- SPA（单页利用法式）
- SSR（办事器端衬着利用法式）（+可选的 PWA 客户端接收）
- PWA（渐进式 Web 利用法式）
- BEX（阅读器扩大）
- 经过 Cordova 或 Capacitor 的移动利用法式（Android、iOS 等）
- 多平台桌面利用法式（利用 Electron）
Quasar 供给 71 个组件和丰富的工具，实现编写一次代码，同时将其摆设为网站、移动利用法式和桌面利用法式，可以帮助开辟者快速开辟一款跨平台的利用法式。
- 官网：quasar.dev/
- GitHub：github.com/quasarframe…
- NPM：www.npmjs.com/package/qua…
Quasar 于 2015年10月建立代码仓库，2019年7月公布第一个稳定版本 v1.0.0，2021年6月公布 v2.0.0 版本，起头支持 Vue3，今朝首要由 rstoenescu 在开辟和保护。
目标
| 数值
| Star
| 24.6k
| NPM 周下载
| 102,106
| Issue
| 428+7050
| PR
| 99+4429
| 进献者
| 674
| 组件数
| 71
|
Naive UI
Naive UI 由图森未来公司建立，只支持 Vue3，不支持 Vue2，一个有点意义的 Vue3 组件库，这表现在 Naive UI 官网文档的每一处文案中，目条件供 80 个组件。
- 官网：www.naiveui.com/
- GitHub：github.com/tusen-ai/na…
- NPM：www.npmjs.com/package/nai…
Naive UI 于 2019年5月建立代码仓库，2021年6月公布第一个版本 v2.11.0，今朝首要由 07akioni 在开辟和保护。
目标
| 数值
| Star
| 14.2k
| NPM 周下载
| 20,900
| Issue
| 622+1889
| PR
| 131+2580
| 进献者
| 264
| 组件数
| 80
|
Arco Design Vue
Arco Design 是由字节跳动 GIP UED 团队和架构前端团队结合推出的企业级设想系统，Arco Design Vue 是基于 Arco Design 的 Vue3 组件库，于2021年10月开源，供给 71 个组件。
- 官网：arco.design/vue
- GitHub：github.com/arco-design…
- NPM：www.npmjs.com/package/@ar…
Arco Design Vue 于 2021年1月建立代码仓库，并公布第一个版本 v2.0.0，今朝首要由 flsion 在开辟和保护。
目标
| 数值
| Star
| 2.3k
| NPM 周下载
| 4,523
| Issue
| 561+1174
| PR
| 36+1042
| 进献者
| 102
| 组件数
| 71
|
TinyVue
最初给大师保举一款今年2月份刚开源的新兴组件库：TinyVue。
TinyVue 是一套跨端、跨框架的企业级 UI 组件库，基于 Renderless 无衬着组件设想构架，实现了一套代码同时支持 Vue 2 和 Vue 3，支持 PC 端和移动端，包括 84 个功用丰富的组件，内置 4 套精彩主题。
- 官网：opentiny.design/tiny-vue
- GitHub：github.com/opentiny/ti…
- NPM：www.npmjs.com/package/@op…
TinyVue 最大的特点就是基于 Renderless 无衬着组件设想架构实现了跨端跨框架，让各框架组件库共用同一套组件逻辑，让组件库在各框架之间平滑迁移。
短期来看，一个具体的营业一般已经选定了前端框架，不轻易在框架之间迁移；
但从久远来看，技术会演进，前端框架会变迁，比如早期的 jQuery 变迁到现在的三大框架，未来能够三大框架不风行了，大师都利用新框架，我们也希望能让利用 TinyVue 的营业可以快速迁移到新框架，真正实现面向未来。
OpenTiny 前端组件库正式开源啦！面向未来，为开辟者而生
TinyVue 最早在2014年在公司内部起头孵化，现已办事于公司内部大量的营业，今年刚开源，也希望朋友们多多支持我们，给我们提提倡议，接待在批评区留言。
从自研走向开源的 TinyVue 组件库
TinyVue 于 2022年12月建立代码仓库，并公布第一个 Alpha 版本，2023年2月公布第一个正式版本 v3.5.0，今朝首要由 TinyVue 团队开辟和保护。
目标
| 数值
| Star
| 1.1k
| NPM 周下载
| 1,548
| Issue
| 85+204
| PR
| 11+759
| 进献者
| 60
| 组件数
| 84
|
作者：Kagol
链接：
https://juejin.cn/post/7310786618390380581
|
