Vue ui 大法哪家強？
阿新 • • 發佈：2018-11-06
Element iView Vuex Mint UI Vant cube-ui，對比六大 vue ui 元件庫，選中最適合的那個。
Element(pc)
介紹 & 版本
餓了麼前端團隊開發的桌面端元件庫，當前最新版本：2.4.8
Star：32.067k
專案特色
- 團隊維護
- 支援三個版本：
vue、react、angular - 支援
Nuxt.js - 常規支援：多語言、自定義主題、按需引入、內建過渡動畫
- 文件詳細，元件齊全
- 支援響應式佈局，提供基於斷點的隱藏類
- 適合常規 pc 端專案
樣式
類名大量使用計算屬性，css 和主檔案分離單獨一個檔案
官網地址
GitHub 倉庫地址
iView(pc)
版本介紹
主要服務於 PC 介面的中後臺產品，當前最新版本：3.x
Star：18.086k
專案特色
- 團隊維護
- 支援：
Nuxt.js、TypeScript、Electron - 常規支援：多語言、自定義主題、按需引入
- 文件詳細，元件齊全
- 支援響應式佈局
-
UI比較美觀 - 適合常規 pc 端專案，面板美觀
樣式
less 計算屬性 字首巢狀
官網地址
GitHub 倉庫地址
Vuex(mob)
介紹
類似微信樣式的移動端元件庫，當前最新版本：2.9.2
Star：14.358k
專案特色
- 個人維護
- 支援
Nuxt.js - 支援自定義主題
- 元件樣式仿照微信
- 適合微信端移動專案
樣式
less 長類名區分
官網地址
GitHub 倉庫地址
Mint UI(mob)
版本介紹
餓了麼前端團隊開發的移動端元件庫，當前最新版本：2.2.7
Star：12.583k
專案特色
- 團隊維護
- 真正做到了按需引入，每個元件有單獨的包
-
CSS3處理各種動效 - 元件齊全
- 適用於移動端常規專案
樣式
scss、template、script、css 都在一個檔案中，長類名區分
官網地址
GitHub 倉庫地址
Vant(mob)
版本介紹
有贊團隊開發的移動端元件庫，當前最新版本：1.3.10
Star：6.31k
專案特色
- 團隊維護
- 有多個版本：
小程式 UI => Vant Weapp、PC 端 React UI => Zen - 支援
SSR - 常規支援：多語言、自定義主題、按需引入
- 文件詳細，元件齊全
- 適用於移動端商城購物類網站
樣式
scss、BEM 類名命名法
官網地址
GitHub 倉庫地址
cube-ui(mob)
版本介紹
滴滴團隊開發的移動端元件庫，當前最新版本：1.11.2
Star：4.296k
專案特色
- 團隊維護
- 支援後編譯
- 常規支援：多語言、自定義主題、按需引入
- 文件詳細，元件齊全
- 擴充套件性強，可以方便地基於現有元件實現二次開發
- 適合移動端需要擴充套件的專案，或者引用框架部分原始碼組合成自己的 ui 元件庫
樣式
scss、BEM 類名命名法