一、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组件
二、移动端
1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约,是我喜欢的风格 star 2.3k
2.vux 基于WeUI
和Vue
(2.x)开发的移动端UI组件库 star 10k
基于webpack
+vue-loader
+vux
可以快速开发移动端页面,配合vux-loader
方便你在WeUI
的基础上定制需要的样式。
3.Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库 star 8.3k
4.MUI 最接近原生APP体验的高性能前端框架 star 7.5k
5.Muse-ui 基于 Vue 2.0 和 Material Design 的 UI 组件库 star 4.9k
6.Vant是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。star 1k
7.Cube UI star 3k
滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库
特性
-
质量可靠
由滴滴内部组件库精简提炼而来,经历了业务一年多的考验,并且每个组件都有充分单元测试,为后续集成提供保障。
-
体验极致
以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。
-
标准规范
遵循统一的设计交互标准,高度还原设计效果;接口标准化,统一规范使用方式,开发更加简单高效。
-
扩展性强
支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发