Vue ui 大法哪家強？

Element iView Vuex Mint UI Vant cube-ui，對比六大 vue ui 組件庫，選中最適合的那個。

Element(pc)

介紹 & 版本

餓了麼前端團隊開發的桌面端組件庫，當前最新版本：2.4.8

Star：32.067k

項目特點

1. 團隊維護
2. 支持三個版本：vue、react、angular
3. 支持 Nuxt.js
4. 常規支持：多語言、自定義主題、按需引入、內置過渡動畫
5. 文檔詳細，組件齊全
6. 支持響應式佈局，提供基於斷點的隱藏類
7. 適合常規 pc 端項目

樣式

類名大量使用計算屬性，css 和主文件分離單獨一個文件

官網地址

Element

GitHub 倉庫地址

Element github

iView(pc)

版本介紹

主要服務於 PC 界面的中後臺產品，當前最新版本：3.x

Star：18.086k

項目特點

1. 團隊維護
2. 支持： Nuxt.js、TypeScript、Electron
3. 常規支持：多語言、自定義主題、按需引入
4. 文檔詳細，組件齊全
5. 支持響應式佈局
6. UI 比較美觀
7. 適合常規 pc 端項目，皮膚美觀

樣式

less 計算屬性 前綴嵌套

官網地址

iView

GitHub 倉庫地址

iView github

Vuex(mob)

介紹

相似微信樣式的移動端組件庫，當前最新版本：2.9.2

Star：14.358k

項目特點

1. 我的維護
2. 支持 Nuxt.js
3. 支持自定義主題
4. 組件樣式仿照微信
5. 適合微信端移動項目

樣式

less 長類名區分

官網地址

Vuex

GitHub 倉庫地址

Vuex github

Mint UI(mob)

版本介紹

餓了麼前端團隊開發的移動端組件庫，當前最新版本：2.2.7

Star：12.583k

項目特點

1. 團隊維護
2. 真正作到了按需引入，每一個組件有單獨的包
3. CSS3 處理各類動效
4. 組件齊全
5. 適用於移動端常規項目

樣式

scss、template、script、css 都在一個文件中，長類名區分

官網地址

Mint UI

GitHub 倉庫地址

Mint UI github

Vant(mob)

版本介紹

有贊團隊開發的移動端組件庫，當前最新版本：1.3.10

Star：6.31k

項目特點

1. 團隊維護
2. 有多個版本：小程序 UI => Vant Weapp、PC 端 React UI => Zen
3. 支持 SSR
4. 常規支持：多語言、自定義主題、按需引入
5. 文檔詳細，組件齊全
6. 適用於移動端商城購物類網站

樣式

scss、BEM 類名命名法

官網地址

Vant

GitHub 倉庫地址

Vant github

cube-ui(mob)

版本介紹

滴滴團隊開發的移動端組件庫，當前最新版本：1.11.2

Star：4.296k

項目特點

1. 團隊維護
2. 支持後編譯
3. 常規支持：多語言、自定義主題、按需引入
4. 文檔詳細，組件齊全
5. 擴展性強，能夠方便地基於現有組件實現二次開發
6. 適合移動端須要擴展的項目，或者引用框架部分源代碼組合成本身的 ui 組件庫

樣式

scss、BEM 類名命名法

官網地址

cube-ui

GitHub 倉庫地址

cube-ui github