你好，我是 Kagol。
Vue 是一款易学易用，性能出色，适用场景丰富的渐进式 JavaScript 框架，深受广大开发者的喜爱，Vue3 更是推出了 Composition API，让逻辑复用更友好。
马上就到 2024 年了，如果你的项目正在使用 Vue3，或者打算升级 Vue3，以下 Vue3 组件库或许是不错的选择。
Element Plus
Element UI 是国内使用最广泛的 Vue2 组件库之一，而 Element Plus 是 Element UI 的升级版，基于 Vue3 和 TypeScript，提供了 70 多个易于使用的组件。
- 官网：https://element-plus.org/
- GitHub：https://github.com/element-plus/element-plus
- NPM：https://www.npmjs.com/package/element-plus
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 多个组件，拥有动态主题、全局默认值、应用框架等丰富而强大的特性，它以提供给开发者丰富的工具，给用户良好而丰富的使用体验为最终目标。
- 官网：https://vuetifyjs.com/
- GitHub：https://github.com/vuetifyjs/vuetify
- NPM：https://www.npmjs.com/package/vuetify
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 个组件。
- 官网：https://antdv.com/
- GitHub：https://github.com/vueComponent/ant-design-vue
- NPM：https://www.npmjs.com/package/ant-design-vue
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 个组件和丰富的工具，实现编写一次代码，同时将其部署为网站、移动应用程序和桌面应用程序，可以帮助开发者快速开发一款跨平台的应用程序。
- 官网：https://quasar.dev/
- GitHub：https://github.com/quasarframework/quasar
- NPM：https://www.npmjs.com/package/quasar
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 个组件。
- 官网：https://www.naiveui.com/
- GitHub：https://github.com/tusen-ai/naive-ui
- NPM：https://www.npmjs.com/package/naive-ui
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 个组件。
- 官网：https://arco.design/vue
- GitHub：https://github.com/arco-design/arco-design-vue
- NPM：https://www.npmjs.com/package/@arco-design/web-vue
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 套精美主题。
- 官网：https://opentiny.design/tiny-vue
- GitHub：https://github.com/opentiny/tiny-vue
- NPM：https://www.npmjs.com/package/@opentiny/vue
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 |
联系我们
GitHub：https://github.com/opentiny/tiny-vue（欢迎 Star ⭐）
官网：https://opentiny.design/tiny-vue
B站：https://space.bilibili.com/15284299
公众号：OpenTiny
服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
文件上传 [文件上传的注意事项] 1.为保证服务器安全，上传文件应该放在外界无法直接访问的目录下， 比如放于WEB-INF目录下。2.为防止文件覆盖的现象发生,要为上传文件产生一个唯一 的文件名3.要限制上传文件的最大值。4.可以限制上传文件的类型,在收到上传…
