1、pc端
- element UI 饿了么UI
支持vue2.x
80分
优势:组件的API方法、属性等封装的较为完善
缺点:样式有些生硬,不够炫酷美观
- N3 N3
支持vue2.x
70分
优势:组件操做几乎都有动画效果,组件较为丰富,比饿了么的操做更为人性化,好比表单部分,相较于elementUI能够直接自定义组件大小
缺点:封装的方法、属性都是基本需求的,不够丰富
- Vue Antd Antd
支持vue1.x,听说再也不有人维护
70分
优势:和elementUI很像,像的不像话,方法属性封装度较高
缺点:不支持vue2.x,否则要比N3分数高点的
- iView iView
支持vue2.x(今天刚刚宣布支持。。。。。)
90分
优势:组件丰富(43个),动画效果炫酷,
缺点:其余UI具备的缺点完美避过,只是。。。如今这个点,2.0版本的文档还没发布。吐槽下分页组件和elementUI同样不够人性化
- AliTelecom UI AliTelecom UI
支持vue2.x,阿里通讯技术团队打造
70分
优势:相较而言也就是支持vue2.0了,动画效果尚可
肯定:属性、方法太少
- vue-beauty vue-beauty
支持vue1.x
65分
综合感受是几个UI的合成版
优势:动画效果尚可
缺点:组件开发不完善,不丰富
- Vue-BluVue-Blu
支持vue2.x
85分
优势:和饿了么挺像,相比感受是青出于蓝而胜于蓝,组件更加丰富了
缺点:有些死板
- 几个连接
VUE开发经常使用组件收藏
vuejs ui库优劣势分析和选择
vue 经常使用ui组件
2、移动端
1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约,是我喜欢的风格 star 2.3khtml
中文文档 在线预览前端

2.vux 基于WeUI
和Vue
(2.x)开发的移动端UI组件库 star 10kvue
基于webpack
+vue-loader
+vux
能够快速开发移动端页面,配合vux-loader
方便你在WeUI
的基础上定制须要的样式。webpack
中文文档 在线预览git

3.Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库 star 8.3kgithub
中文文档 github地址 在线预览web
4.MUI 最接近原生APP体验的高性能前端框架 star 7.5k 前端框架
中文文档 github地址antd
5.Muse-ui 基于 Vue 2.0 和 Material Design 的 UI 组件库 star 4.9k框架
中文文档 github地址
6.Vant是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。star 1k
中文文档 github地址

7.Cube UI star 3k
滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库
github地址 中文文档
特性
-
质量可靠
由滴滴内部组件库精简提炼而来,经历了业务一年多的考验,而且每一个组件都有充分单元测试,为后续集成提供保障。
-
体验极致
以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。
-
标准规范
遵循统一的设计交互标准,高度还原设计效果;接口标准化,统一规范使用方式,开发更加简单高效。
-
扩展性强
支持按需引入和后编译,轻量灵活;扩展性强,能够方便地基于现有组件实现二次开发