Vue常用的组件库大全【前端工程师必备】

Vue常用的组件库

（一）移动端常用组件库

1）Vant ui

🔸有赞移动 UI 组件库，支持 Vue2/3 微信小程序，支付宝小程序
https://vant-contrib.gitee.io/vant/v2/#/zh-CN/col

2）Cube UI

🔸滴滴出行移动端 UI 库
https://didi.github.io/cube-ui/#/zh-CN

3）VUX

🔸移动端 UI 组件库，针对微信强势优化
https://vux.li/

4） NuTUI 3.0

🔸京东移动端 UI 库，面向电商业务场景，支持 Vue2/3
https://nutui.jd.com/#/

10）Mint ui

🔸 饿了么前端团队开发的移动组件库
http://mint-ui.github.io/#!/zh-cn

11） vonic

🔸 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约。

12） Vux-ydui

🔸是 YDUI Touch 的一个Vue2.x实现版本，专为移动端打造，在追求完美视觉体验的同时也保证了其性能高效。目前由个人维护。

13. Mand-Mobile

🔸面向金融场景的Vue移动端UI组件库，丰富、灵活、实用，快速搭建优质的金融类产品。

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

1）Element UI （ Vue2）

🔸饿了么前端团队开发 https://element.eleme.io/#/

2）Element UI PLUS （Vue3）

🔸https://element-plus.org/zh-CN/#/zh-CN

3）Ant Design Vue (2/3)

🔸https://2x.antdv.com/components/overview-cn/

4）Naive UI

🔸https://www.naiveui.com/zh-CN/os-theme

5）Avue（Vue动态组件库）

🔸https://avuejs.com/

6）Vuetify 3

🔸老牌 Vue UI ，基于谷歌的 Material Design 样式开发，支持 Vue3
https://vuetifyjs.com/zh-Hans/

7）iView

🔸一套基于 Vue.js 的高质量UI 组件库 https://www.iviewui.com/

8）Vue Material

🔸 https://madewith.cn/search?q=Vue

9）vue-element-admin

🔸 https://panjiachen.github.io/vue-element-admin-site/zh/

10）VueStrap

🔸http://yuche.github.io/vue-strap/

11）AT-UI

🔸是一款基于 Vue.js 2.0 的前端 UI 组件库，主要用于快速开发 PC 网站中后台产品

12）Vue-Blu

🔸是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。

13）Keen UI

14）Buefy

15）Boostrap Vue

https://code.z01.com/bootstrap-vue/

16）Fish-UI

17）Quasar

18）Muse UI

19）Radon ui

20）N3-components

22）Beauty

23）hey UI*

https://www.heyui.top/

（三）其他常用组件库

1）echarts（图表组件库）

🔸 https://echarts.apache.org/examples/zh/index.html#chart-type-candlestick

2）highcharts（图表组件库）：

🔸https://www.highcharts.com.cn/

3）swiper（轮播图组件库）：

🔸https://www.swiper.com.cn/
🔸https://swiperjs.com/demos

4）ThreeJS （3D组件库）：

🔸https://threejs.org/

5）Lingo3D （3D组件库）：

🔸https://www.lingo3d.com/

6）Datav

🔸（数据大屏组件库）：
【Vue3：https://datav-vue3.netlify.app/】
【Vue2：http://datav.jiaminghi.com/】

7）v-charts

🔸在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表

8） Vue baidu map

🔸基于Vue 2.x的百度地图组件
中文文档：https://dafrok.github.io/vue-baidu-map/#/zh/start/installation
在线预览：https://dafrok.github.io/vue-baidu-map/#/zh/guide/painting
🔸基于Vue3.x的百度地图组件
vue-baidu-map-3x
http://map.heifahaizei.com/doc/index.html

标签：前端 vue.js javascript

本文转载自: https://blog.csdn.net/qq_44757034/article/details/128090797
版权归原作者 蓝匣子itbluebox 所有，如有侵权，请联系我们删除。

Vue常用的组件库大全【前端工程师必备】