Vue常用的组件库大全前端工程师必备
Posted 蓝匣子itbluebox
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue常用的组件库大全前端工程师必备相关的知识，希望对你有一定的参考价值。
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/#/
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实现版本，专为移动端打造，在追求完美视觉体验的同时也保证了其性能高效。目前由个人维护。
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动态组件库）
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*
（三）其他常用组件库
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组件库）：
5）Lingo3D （3D组件库）：
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常用的组件库大全前端工程师必备的主要内容，如果未能解决你的问题，请参考以下文章