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 WeappPC 端 React UI => Zen
  3. 支持 SSR
  4. 常規支持:多語言、自定義主題、按需引入
  5. 文檔詳細,組件齊全
  6. 適用於移動端商城購物類網站

樣式

scssBEM 類名命名法

官網地址

Vant

GitHub 倉庫地址

Vant github

cube-ui(mob)

版本介紹

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

Star:4.296k

項目特色

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

樣式

scssBEM 類名命名法

官網地址

cube-ui

GitHub 倉庫地址

cube-ui github

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章