推荐优秀的Vue UI组件库，记录一下方便以后查看

Myth丶恋晨 2022-04-11 13:53 706阅读 0赞

## 强烈推荐优秀的Vue UI组件库 ##

![u_4168523244_3884338457_fm_173_app_25_f_JPEG_w_404_h_345_s_01912C72F2E077056793CA4D0200C0EE][]

Vue是一个轻巧，高性能，可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。在选择的Vue UI组件库的过程中，通过GitHub上根据明星数量，文档丰富程度，更新的频率以及维护等因素，也收集整理了一些优秀的Vue UI组件库。下面PHP程序员雷雪松详细的介绍一下给大家强烈推荐优秀的的Vue UI组件库.1，iView UI组件库iView是一套基于Vue.js的开源UI组件库，主要服务于PC界面的中后台产品.iView的组件还是比较齐全的，更新也很快，文档写得很详细。有公司团队维护，比较可靠的Vue UI组件框架.iView生态也做得很好，还有 开源了一个iView Admin，做后台非常方便。官网上介绍，iView已经应用在TalkingData，阿里巴巴，百度，腾讯，今日头条，京东，滴滴出行，美团，新浪，联想等大型公司的产品中。 iView中官网：HTTPS：//www.iviewui.com/

2，Vux UI组件库Vux是基于WeUI和Vue2.x开发的移动端UI组件库，主要服务于微信页面.Vux的定位已经很明确了，一是：Vue移动端UI组件库，二是：WeUI的基础样式库.Vux的组件涵盖了所有的WeUI的内容，还扩展了一些常用的组件比如：粘，时间表，v型图表，XCircle.Vux是个人维护的但是GitHub的上星还是很高的。 ，达到13K。在GitHub上上看到对问题的关闭还是很迅速的.Vux文档基本的组件用法和效果都讲解到位了。在VUX官网上也展示了很多VUX的使用案例。在微信页面开发中，基本没有太多的错误，开发还是比较顺手的.Vux官网：HTTPS：//vux.li/

3，元素UI组件库元素，一套为开发者，设计师和产品经理准备的基于Vue 2.0的桌面端组件库。元素是饿了么前端开源维护的Vue UI组件库，更新频率还是很高的，基本一周到半个月都会发布一个新版本。组件齐全，基本涵盖后台所需的所有组件，文档讲解详细，例子也很丰富。没有实际使用过，网上的元素教程和文章比较多.Element应该是一个质量比较高的Vue UI组件库.Element官网：http：//element.eleme.io/\#/zh-CN

4，Mint UI组件库Mint UI基于Vue.js的移动端组件库，同样出自饿了么前端的项目.Mint UI是真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件.Mint UI采用CSS3处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。网上的视频教程很多都是基于Mint UI来讲的，开发移动端网项目还是很方便，文档也很简介明了。很多页面Mint UI组件都已经封装好，基本可以照着例子写，简单的调整一下就可以实现。不过，在GitHub上看最后一次代码提交在2018年1月16日，截止到目前已经过去半年了。不知道是项目比较稳定没有更新，还是项目有被废弃的可能。我们会持续关注Mint UI的动态.Mint UI官网：http：// mint- ui.github.io/\#!/zh-cn

5，Bootstrap-Vue UI组件库Bootstrap-VUE提供了基于vue2的Bootstrap V4组件和网格系统的实现，完成了广泛和自动化的WAI ARA可访问性标记.Bootstrap 4是最新发布的版本，与Bootstrap3相比拥有了更多的具体的类以及把一些有关的部分变成了相关的组件。同时Bootstrap.min.css的体积减少了40％以上.Bootstrap4放弃了对IE8以及iOS 6的支持，现在仅仅支持IE9以上以及iOS 7以上版本的浏览器。想当初刚流行响应式网站的时候，Bootstrap是世界上最受欢迎的建立移动优先网站的框架，Bootstrap可以说风靡全球。就算放在现在很多企业网站都是采用引导做的响应式.Bootstrap-Vue公司可以让你在Vue公司中也实现引导的效果.Bootstrap-Vue公司官网：HTTPS：//bootstrap-vue.js.org/

6，Ant Design Vue UI组件库Ant Design Vue是Ant Design 3.X的Vue实现，开发和服务于企业级后台产品。在GitHub上可以找到几个Ant Design的Vue组件。不过相比较而言，Ant设计Vue更胜一筹.Ant Design Vue共享反应的Ant设计设计工具体系，实现了所有Ant的设计，支持现代浏览器和IE9及以上（需要polyfills）。可以让熟悉Ant Design的在使用Vue时，很容易的上手.Ant Design Vue官网：https：//vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/

7，AT-UI UI组件库AT-UI是一款基于Vue.js 2.0的前端UI组件库，主要用于快速开发PC网站中后台产品，支持现代浏览器和IE9及以上.AT-UI更加精简，实现了后台常用的组件.AT\_UI官网：HTTPS：//at-ui.github.io/at-ui/\#/zh

8，Vant UI组件库Vant是一个轻量，可靠的移动端Vue组件库.Vant是有赞团队开源的，主要维护也是有赞团队.Vant Weapp是有赞移动端组件库Vant的小程序版本，两个基于相同的视觉规范，提供一致的API接口，助力开发者快速搭建小程序应用。截止到目前，Vant已经开源了50+个经过有赞线上业务检验的组件。比如：，AddressEdit地址编辑，地址列表地址列表，区域市区选择，卡卡片，联系联系人，优惠券优惠券，GoodsAction商品页行动点，SubmitBar提交订单栏，Sku商品规格弹层。如果做商城的，不太在意界面，实现业务逻辑的话，用药效机理组件库开发还是很快的.Vant官网：HTTPS：//youzan.github.io/vant/\#/zh-CN/intro

9，cube-ui UI组件库cube-ui是基于Vue.js实现的精致移动端组件库。由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障在交互体验方面追求极致遵循统一的设计交互标准，高度还原设计效果;。接口标准化，统一规范使用方式，开发更加简单高效支持按需引入和后编译，轻量灵活;扩展性强，可以方便地基于现有组件实现二次开发.cube等的UI官网：HTTPS：//didi.github.io/cube-ui/\#/zh-CN

10，Muse-UI UI组件库Muse-UI基于Vue 2.0优雅的Material Design UI组件库.Muse UI拥有40多个UI组件，用于适应不同业务环境.Muse UI仅需少量代码即可完成主题样式替换.Muse UI可用于开发的复杂单页应用Muse-UI官网：https：//muse-ui.org/\#/zh-CN

11，N3-components UI组件库N3组件库是基于Vue.js构建的，让前端工程师和全栈工程师能快速构建页面和应用.N3-components超过60个组件组件列表，自定义样式，支持多种模化范式（UMD），使用ES6进行开发.N3官网：HTTPS：//n3-components.github.io/N3-components/component.html

12，Mand MobileMand Mobile是面向金融场景的Vue移动端UI组件库，丰富，灵活，实用，快速搭建优质的金融类产品，让复杂的金融场景变简单.Mand Mobile含有丰富的组件30+的基础组件，覆盖金融场景，极高的易用性组件均有详细说明文档，案例演示，汲取最前沿技术，组件化轻量化实现，兼顾稳定和品质，努力实现金融场景的全覆盖.Mand Mobile官网：https ：//didi.github.io/mand-mobile/\#/zh-CN/home

13，we-vue UI组件库we-vue是一套基于Vue.js的移动关组件库，结合weui.css样式库，封装了一系列组件，非常适于微信公众号等移动端开发.we- vue包含超过98％，支持babel-plugin-import，完善的在线文档，详细的在线示例.we-vue官网：https：//wevue.org/

14，veui UI组件库veui是一个由百度EFE团队开发的Vue企业级UI组件库。目前文档还没有，只有demo.GitHub上说是正在进行的一项工作。那我们就耐心等待吧.veui官网：HTTPS：//ecomfe.github.io/veui/components/\#/

15，Semantic-UI-Vue UI组件库Semantic-UI-Vue是基于Vue.js对Semantic-UI框架的实现。语义作为一款开发框架，帮助开发者使用对人类友好的HTML语言构建优雅的响应式布局.Semantic-UI-Vue提供了一个类似于Semantic-UI的API以及一组可定制的主题.Semantic-UI-Vue官网：https：//semantic-ui-vue.github.io/\#/

[u_4168523244_3884338457_fm_173_app_25_f_JPEG_w_404_h_345_s_01912C72F2E077056793CA4D0200C0EE]: /images/20220411/e75f30c06cda4130ae0bc196de5f5d7c.png