Vue的组件库大全

大家好，欢迎来到IT知识分享网。

（一）移动端 常用组件库

因此，uView应运而生，uView的目标是成为uni-app生态最优秀的UI框架。

关于uView的取名来由，首字母u来自于uni-app首字母，uni-app是基于Vue.js，Vue和View(延伸为UI、视图之意)同音，同时view组件uni-app中 最基础，最重要的组件，故取名uView，表达源于uni-app和Vue之意，同时在此也对它们表示感谢。

关于uview-plus的取名来由，就是uview加上plus。

关于uview的取名来由，首字母u来自于uni-app首字母，uni-app是基于Vue.js，Vue和View(延伸为UI、视图之意)同音，同时view组件是uni-app中 最基础，最重要的组件，故取名uview-plus，表达源于uni-app和Vue之意，同时在此也对它们表示感谢。

（二）PC端（web端）常用组件库

Vuetify 3 与 Vue 3 的生态系统深度集成，可以在 Vue.js 应用程序中无缝使用。Vuetify 3 的组件库包含了多种组件，如按钮、表单、菜单、对话框、标签页等等，可以帮助开发人员快速构建具有丰富 UI 和交互功能的应用程序。

iView 的设计风格简约、清新，具有响应式布局和可访问性，可以适应不同的屏幕尺寸和设备。开发人员可以使用 iView 的自定义样式或预定义的主题来定义应用程序的外观和感觉。

Vue Material 的设计风格遵循 Google Material Design 指南，具有明亮、清晰、简洁的外观和响应式布局，可以适应不同的屏幕尺寸和设备。

Vue Element Admin 具有良好的扩展性和可定制性，可以根据需要添加或修改组件和页面。它还提供了丰富的文档和示例，使开发人员可以轻松地学习和使用它的组件和 API。

Vue Bootstrap 的设计风格基于 Twitter Bootstrap，具有简洁、现代和响应式的外观，可以适应不同的屏幕尺寸和设备。同时，Vue Bootstrap 还提供了许多自定义选项，使开发人员可以根据自己的需要调整组件的外观和行为。

Vue-Blu 的设计风格基于 Material Design，具有简洁、现代和响应式的外观，可以适应不同的屏幕尺寸和设备。同时，Vue-Blu 还提供了许多自定义选项，使开发人员可以根据自己的需要调整组件的外观和行为。

Keen UI 的设计风格基于 Material Design，具有现代和响应式的外观，可以适应不同的屏幕尺寸和设备。Keen UI 还提供了许多自定义选项，使开发人员可以根据自己的需要调整组件的外观和行为

Buefy 的设计风格也基于 Bulma，具有现代、干净和响应式的外观，适用于构建各种类型的 Web 应用程序。Buefy 还提供了很多自定义选项，可以让开发人员轻松地调整组件的外观和行为。

Quasar的特点主要包括：

响应式设计：Quasar提供了一组响应式UI组件，使得应用程序可以适配不同的设备和屏幕尺寸。

跨平台支持：Quasar可以同时构建Web和移动应用程序，开发者可以使用同样的代码和工具来构建应用程序。

多样化的UI组件：Quasar提供了丰富的UI组件，包括按钮、表格、表单、对话框、进度条等等，满足不同应用程序的需求。

丰富的工具集：Quasar提供了一组实用的工具，包括国际化、路由、状态管理等等，帮助开发者更快速地开发应用程序。

社区支持：Quasar拥有一个庞大的社区，提供了各种文档、示例和插件，帮助开发者更好地使用和学习Quasar。

（三）数据可视化组件库（数据大屏）

（四）动画组件库

（五）文本编辑器组件库

（六）3D组件库

（七）其他组件库