vue 移动端PC端选用的ui框架

1.pc端的项目，最好的选择是ElementUI。（pc端）

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

　　官网地址：http://element-cn.eleme.io/#/zh-CN

　　github地址：https://github.com/ElemeFE/element 

2.iview组件库(pc端)

　　iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。iView的组件还是比较齐全的，更新也很快，文档写得很详细。有公司团队维护，比较可靠的Vue UI组件框架。iView生态也做得很好，还有开源了一个iView Admin，做后台非常方便。官网上介绍，iView已经应用在TalkingData、阿里巴巴、百度、腾讯、今日头条、京东、滴滴出行、美团、新浪、联想等大型公司的产品中。

　　iView官网：https://www.iviewui.com/

　　github地址：https://github.com/iview/iview

3.vux 基于Vue和WeUI的移动UI组件

　　Vux是基于WeUI和Vue2.x开发的移动端UI组件库，主要服务于微信页面。Vux的定位已经很明确了，

　　一是：Vue移动端UI组件库，

　　二是：WeUI的基础样式库。

　　Vux的组件涵盖了所有的WeUI的内容，还扩展了一些常用的组件。比如：Sticky、timeline、v-chart、XCircle。Vux是个人维护的。在GitHub上看到对issue的关闭还是很迅速的。Vux文档基本的组件用法和效果都讲解到位了。在vux官网上也展示了很多Vux的使用案例。在微信页面开发中，基本没有太多的bug，开发还是比较顺手的。

　　Vux官网：https://vux.li/

　　github地址：https://github.com/airyland/vux

4.Mint-UI 饿了么移动端组件库（移动端）

　　Mint UI基于 Vue.js 的移动端组件库，同样出自饿了么前端的项目。Mint UI是真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件。Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。网上的视频教程很多都是基于Mint UI来讲的，开发移动端web项目还是很方便，文档也很简介明了。很多页面Mint UI组件都已经封装好，基本可以照着例子写，简单的调整一下就可以实现。

　　官网地址：http://mint-ui.github.io/#!/zh-cn

　　github地址：https://github.com/ElemeFE/mint-ui

5.vue-admin 管理面板UI框架

　　github地址：https://github.com/vue-bulma/vue-admin

6.vue-material为 Vue.js 打造的 Material 风格的组件

　　github地址：https://github.com/vuematerial/vue-material

7.vue-strap基于 Vue.js 的 Bootstrap 组件

　　github地址：https://github.com/yuche/vue-strap

8.KeenUI 基于Material Design的UI

　　github地址：https://josephuspaye.github.io/Keen-UI/

9.AT-UI UI组件库AT-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库，(pc端)

　　主要用于快速开发 PC 网站中后台产品，支持现代浏览器和 IE9 及以上。AT-UI 更加精简，实现了后台常用的组件。

　　AT_UI官网：https://at-ui.github.io/at-ui/#/zh

10.Vant是一个轻量、可靠的移动端 Vue 组件库。（移动端-商城）

　　Vant是有赞团队开源的，主要维护也是有赞团队。Vant Weapp 是有赞移动端组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。截止到目前，Vant已经开源了50+ 个经过有赞线上业务检验的组件。比如：、AddressEdit 地址编辑、AddressList 地址列表、Area 省市区选择、Card 卡片、Contact 联系人、Coupon 优惠券、GoodsAction 商品页行动点、SubmitBar 提交订单栏、Sku 商品规格弹层。如果做商城的，不太在意界面，实现业务逻辑的话，用Vant组件库开发还是很快的。

　　vant官网:http://mint-ui.github.io/#!/zh-cn

11.we-vue UI组件库we-vue 是一套基于 Vue.js 的移动关组件库 (移动端)

　　we-vue UI组件库we-vue 是一套基于 Vue.js 的移动关组件库，结合 weui.css 样式库，封装了一系列组件，非常适于微信公众号等移动端开发。we-vue 包含35+ 个组件，单元测试覆盖率超 98%，支持 babel-plugin-import，完善的在线文档，详细的在线示例。

　　we-vue官网：https://wevue.org/

 

12.Mand MobileMand Mobile是面向金融场景的Vue移动端UI组件库（移动端-金融）

　　丰富、灵活、实用，快速搭建优质的金融类产品，让复杂的金融场景变简单。Mand Mobile含有丰富的组件30+的基础组件，覆盖金融场景，极高的易用性组件均有详细说明文档、案例演示，汲取最前沿技术，组件化轻量化实现，兼顾稳定和品质，努力实现金融场景的全覆盖。

　　Mand Mobile官网：https://didi.github.io/mand-mobile/#/zh-CN/home

13.Cube UI 滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库（移动端）

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

　   API地址：https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start

　　github地址：https://github.com/didi/cube-ui

14.N3-components UI (pc端)

　　N3组件库是基于Vue.js构建的，让前端工程师和全栈工程师能快速构建页面和应用。很有力；

　　API文档：https://n3-components.github.io/N3-components/component.html

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

　　API文档：https://semantic-ui-vue.github.io/#/

　　

　

转载于:https://www.cnblogs.com/jiayeyuan/p/10595215.html