Vue是一个轻量级、高性能、可组件化的MVVM库，API简洁明了，使用快捷。Vue自推出以来，得到了很多Web开发者的认可。在公司Web前端项目开发中，有多个项目使用基于Vue的UI组件框架开发并正式投入使用。开发团队使用Vue.js框架和UI组件库后，开发效率大大提升，自己写的代码更少，封装了很多界面效果组件。在选择VueUI组件库的过程中，也根据star数、文档丰富度、更新频率、维护等因素，在GitHub上收集整理了一些优秀的VueUI组件库。一、iViewUI组件库iView是一套基于Vue.js的开源UI组件库，主要服务于PC界面的中后台产品。iView的组件比较齐全，更新也很快，文档也很详细。有公司团队维护的比较靠谱的VueUI组件框架。iView生态也做的很好，开源了一个iViewAdmin，后台很方便。官网显示，iView已经应用于TalkingData、阿里巴巴、百度、腾讯、今日头条、京东、滴滴出行、美团、新浪、联想等大公司的产品中。iView官网：https://www.iviewui.com/2、VuxUI组件库Vux是基于WeUI和Vue2.x开发的移动端UI组件库，主要服务于微信页面。Vux的定位已经很明确了，一个是：Vue移动端UI组件库，一个是：WeUI的基础样式库。Vux的组件涵盖了WeUI的所有内容，同时也扩展了一些常用的组件。例如：Sticky、timeline、v-chart、XCircle。Vux由个人维护。但是GitHub上的star还是很高的，达到了13k。在GitHub上看到issue已经关闭还是很快的。Vux文档的基本组件用法和作用讲解到位。vux官网上也展示了很多Vux用例。在微信页面的开发中，基本上没有太多的bug，开发也比较顺利。Vux官网：https://vux.li/3、ElementUI组件库Element，一套基于Vue2.0的桌面端组件库，供开发者、设计师和产品经理使用。Element是饿了么前端开源维护的VueUI组件库。更新频率还是很高的，基本每周到半个月都会出一个新版本。组件齐全，基本涵盖了后台需要的所有组件，文档解释的很详细，例子也很丰富。我没有实际使用过，网上有很多Element的教程和文章。Element应该是一个比较优质的VueUI组件库。元素官网：http://element.eleme.io/#/zh-CN4、MintUI组件库MintUI是基于Vue.js的移动端组件库，同样来自饿了么的前端项目。MintUI是真正的按需组件加载。只能加载已声明的组件及其样式文件。MintUI使用CSS3处理各种动态效果，避免了浏览器不必要的重绘和重新排列，让用户获得流畅流畅的体验。网上很多视频教程都是基于MintUI的。开发移动web项目还是很方便的，文档也很简洁明了。很多页面的MintUI组件都已经封装好，基本上可以按照例子写，简单调整就可以实现。然而，GitHub上一次提交代码是在2018年1月16日，到现在已经过去半年了。不知道是不是项目比较稳定，没有更新，或者项目可能被放弃了。我们会持续关注MintUI的发展。MintUI官网：http://mint-ui.github.io/5、Bootstrap-VueUI组件库Bootstrap-VUE提供了基于vue2的BootstrapV4组件和网格系统的实现，并完成广泛和自动化的WAIARAAccessibility标记。uiv是基于Vue2的Bootstrap3实现。Bootstrap4是最新发布的版本，它比Bootstrap3有更多的具体类，并将一些相关的部分变成了相关的组件。同时，Bootstrap.min.css的大小减少了40%以上。Bootstrap4已经放弃了对IE8和iOS6的支持，现在只支持IE9及以上和iOS7及以上的浏览器。当响应式网站刚开始流行时，Bootstrap是世界上最流行的构建移动优先网站的框架，Bootstrap可以说是风靡全球。即使是现在，许多公司网站都在使用Bootstrap进行响应。Bootstrap-Vue可以让你在Vue中实现Bootstrap的效果。Bootstrap-Vue官网：https://bootstrap-vue.js.org/uiv官网：https://uiv.wxsm.space/6、AntDesignVueUI组件库AntDesignVue是AntDesign的Vue实现3.X，开发和服务企业级后台产品。在GitHub上可以找到几个AntDesignVue组件。但相比之下，AntDesignVue更胜一筹。AntDesignVue共享React设计工具体系的AntDesign，实现了React的所有AntDesign组件，支持现代浏览器和IE9及以上（需要polyfills）。可以让熟悉AntDesign的人在使用Vue时轻松上手。AntDesignVue官网：https://vuecomponent.github7、AT-UIUI组件库AT-UI是一个基于Vue.js2.0的前端UI组件库，主要用于PC端后端产品的快速开发网站，支持现代浏览器和IE9及以上浏览器。AT-UI更加精简，后台实现常用组件。AT_UI官网：https://at-ui.github.io/8、VantUI组件库Vant是一个轻量级可靠的移动端Vue组件库。Vant由有赞团队开源，主要维护也由有赞团队负责。VantWeapp是有赞移动组件库Vant的小程序版本。两者基于相同的可视化规范，提供一致的API接口，帮助开发者快速构建小程序应用。截至目前，Vant已经开源了50+个经过有赞线上业务测试的组件。例如：AddressEdit地址编辑、AddressList地址列表、Area省市选择、Card卡片、Contact联系人、Coupon优惠券、GoodsAction商品页面动作点、SubmitBar提交订单栏、Sku商品规格弹层。如果你是做商场的，不太在意界面和实现业务逻辑，用Vant组件库开发还是很快的。Vant官网：https://youzan.github.io/9、cube-uiUI组件库cube-ui是一个基于Vue.js的精美移动端组件库。由滴滴内部组件库精简提炼而成，经过一年多的业务测试，每个组件都有充足的单元测试，为后续集成提供保障。追求极致的交互体验。遵循统一的设计交互标准，高度还原设计效果；标准化接口，统一规范使用方式，让开发更简单、更高效。支持按需引入和后期编译，轻量灵活；可扩展性强，可轻松实现基于已有组件的二次开发。Cube-ui官网：https://didi.github.io/10、Muse-UIUI组件库Muse-UI基于Vue2.0优雅的MaterialDesignUI组件库。MuseUI拥有40多个UI组件，以适应不同的业务环境。MuseUI只需少量代码即可完成主题样式更换。MuseUI可用于开发复杂的单页应用Muse-UI官网：https://muse-ui.org/#/zh-CN11，N3-componentsUI组件库N3组件库基于Vue.js构建，让前端工程师和全栈工程师可以快速构建页面和应用。N3-components拥有60多个组件，组件列表，自定义样式，支持多种建模范式（UMD），使用ES6开发。N3官网：https://n3-components.github12、MandMobileMandMobile是一个面向金融场景的Vue移动UI组件库。它丰富、灵活、实用。可以快速构建优质的金融产品，简化复杂的金融场景。MandMobile包含丰富的组件，包括30+基础组件，覆盖金融场景，可用性极高的组件有详尽的文档和案例演示，吸收最前沿的技术，实现组件轻量化，兼顾稳定性和品质，力争实现金融场景全覆盖。Mand移动官网：https://didi.github.io/13、we-vueUI组件库we-vue是一套基于Vue.js，结合weui.css样式库，封装的移动端组件库一系列组件，非常适合微信公众号等移动端开发。we-vue包含35+个组件，单元测试覆盖率超过98%，支持babel-plugin-import，完整的在线文档，详细的在线示例。we-vue官网：https://wevue.org/14、veuiUI组件库veui是百度EFE团队开发的Vue企业级UI组件库。目前没有文档，只有demo。GitHub表示这是一项正在进行的工作。然后我们会耐心等待。veui官网：https://ecomfe.github.io/15、Semantic-UI-VueUI组件库Semantic-UI-Vue是基于Vue.js实现的Semantic-UI框架。作为一个开发框架，Semantic帮助开发者使用人性化的HTML语言构建优雅的响应式布局。Semantic-UI-Vue提供了一个类似Semantic-UI的API和一组可定制的主题。Semantic-UI-Vue官网：https://semantic-ui-vue.github16，vue-beautyvue-beauty是一套基于vue.js和ant-design风格的PC端UI组件库，旨在帮助开发者改进他们的产品提高体验和开发效率，降低维护成本。Vue-beauty包含丰富的组件，覆盖常见场景，基于Vue组件开发，数据驱动视图，封装复杂性，提供简单友好的API，基于ant设计风格进行优化。vue-beauty官网：https://fe-driver.github.io/16、NutUI组件库NutUI是一套京东风格的移动端Vue组件库，开发和服务于企业级前中台和用于移动网络界面的后端产品。NutUI组件库支持跨平台，自动转微信小程序组件（稍后上线，敬请期待），30+京东移动项目在用，基于京东APP7.0可视化规范，支持按需加载，文档详尽和示例，支持自定义主题，支持多语言（国际化），支持TypeScript，支持服务端渲染（VueSSR），支持单元测试，并配备基于Webpack的构建工具，可以快速创建Vue项目内置组件库。NutUI官网：https://nutui.jd.com/#/index在选择框架的时候一定要根据web开发的实际情况和团队的熟悉程度来选择。一个好的UI组件库对于一个web项目来说太重要了。一个好的UI组件库可以事半功倍。
