0


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://loading.io/spinner/

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


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

“Vue常用的组件库大全【前端工程师必备】”的评论:

还没有评论