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

中文文档：https://dafrok.github.io/vue-baidu-map/#/zh/start/installation。原文链接：https://blog.csdn.net/qq_44757034/article/details/128090797。在线预览：https://dafrok.github.io/vue-baidu-map/#/zh/guide/painting。🔸一

文章共1,409字 · 阅读需要大约5分钟

一键AI生成摘要，助你高效阅读

问答

都收藏了加个关注吧

2496人浏览 · 2023-01-07 21:17:53

都收藏了加个关注吧 · 2023-01-07 21:17:53 发布

Vue常用的组件库大全【前端工程师必备】
（一）移动端常用组件库
1）Vant ui
2）Cube UI
3）VUX
4） NuTUI 3.0
6）倒计时组件库
7）表格组件库
8）富文本编辑器
9）Loading加载动画组件
10）Mint ui
11） vonic
12） Vux-ydui
13. Mand-Mobile
（二）PC端（web端）常用组件库
1）Element UI （ Vue2）
2）Element UI PLUS （Vue3）
3）Ant Design Vue (2/3)
4）Naive UI
5）Avue（Vue动态组件库）
6）Vuetify 3
7）iView
8）Vue Material
9）vue-element-admin
10）VueStrap
11）AT-UI
12）Vue-Blu
13）Keen UI
14）Buefy
15）Boostrap Vue
16）Fish-UI
17）Quasar
18）Muse UI
19）Radon ui
20）N3-components
22）Beauty
23）hey UI*
（三）其他常用组件库
1）echarts（图表组件库）
2）highcharts（图表组件库）：
3）swiper（轮播图组件库）：
4）ThreeJS （3D组件库）：
5）Lingo3D （3D组件库）：
6）Datav
7）v-charts
8） Vue baidu map
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/#/

6）倒计时组件库
🔸 https://kalacloud.com/blog/best-countdown-component/

7）表格组件库
🔸https://kalacloud.com/blog/best-vue-data-table-grid/

8）富文本编辑器
🔸 https://kalacloud.com/blog/vue-richtext-editor/

9）Loading加载动画组件
🔸加载动画组件
https://kalacloud.com/blog/best-vue-loader-animation-component/

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

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

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

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
————————————————
版权声明：本文为CSDN博主「蓝匣子itbluebox」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_44757034/article/details/128090797