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地址 中文文檔
特性
-
質量可靠
由滴滴內部組件庫精簡提煉而來,經歷了業務一年多的考驗,而且每一個組件都有充分單元測試,爲後續集成提供保障。
-
體驗極致
以迅速響應、動畫流暢、接近原生爲目標,在交互體驗方面追求極致。
-
標準規範
遵循統一的設計交互標準,高度還原設計效果;接口標準化,統一規範使用方式,開發更加簡單高效。
-
擴展性強
支持按需引入和後編譯,輕量靈活;擴展性強,能夠方便地基於現有組件實現二次開發