Vue移動端UI框架

自從Vue成爲前端的主流框架以後，各家UI框架也愈來愈多，今天重點聊一聊移動端的那些框架吧，Vue移動端框架到底哪家強？如下排名不分前後，開發過程當中根據本身的具體業務需求來作選擇。

1.Vux

中文文檔：https://vux.li/#/
在線預覽：https://vux.li/demos/v2/?x-page=v2-doc-home#/

VUX 是基於 WeUI 和 Vue.js 的 移動端 UI 組件庫,提供豐富的組件知足移動端(微信)頁面經常使用業務需求，能夠說是至關的全面了。

 

 

2.Mint UI

中文文檔：http://mint-ui.github.io/docs/#/
github地址：https://github.com/ElemeFE/mint-ui
在線預覽：http://elemefe.github.io/mint-ui/#/

餓了麼前端團隊推出的 Mint UI 是一個基於 Vue.js 的移動端組件庫，包含豐富的 CSS 和 JS 組件，可以知足平常的移動端開發須要。經過它，能夠快速構建出風格統一的頁面，提高開發效率。

 

 

優勢：
用起來仍是蠻不錯的，並且用起來不復雜，可以快速上手操做。

缺點：
1：組件不多,存在各類小bug，
2： github上最近更新日期是1年前了，意味着若是使用時候發現有bug，要麼選擇花時間去修改，要麼趕忙換組件。

3.MUI

中文文檔：http://dev.dcloud.net.cn/mui/
github地址：https://github.com/dcloudio/mui

MUI-最接近原生APP體驗的高性能前端框架

 

 

 

優勢：1：MUI不依賴任何第三方JS庫，壓縮後的JS和CSS文件僅有100+K和60+K
2：最接近原生ui
3:性能流暢不卡頓

4.Muse-ui

中文文檔：http://www.muse-ui.org/#/install
官網地址: https://muse-ui.org/#/zh-CN
github地址：https://github.com/museui/muse-ui

基於 Vue 2.0 優雅的 Material Design UI 組件庫 ，擁有40多個UI 組件，用於適應不一樣業務環境，小巧，api友好，可用於開發的複雜單頁應用。

 

 

優勢： 1：社區活躍，風格多樣,參與者多，代碼維護有保證。
2：github上一直在完善更新。
3：樣式仍是比較好看

缺點：muise-ui 屬性和參數太多了,簡潔性上差了一點點

5. vonic

中文文檔：https://wangdahoo.github.io/vonic-documents/#/
在線預覽：https://wangdahoo.github.io/vonic/docs/#/home

一個基於 vue.js 和 ionic 樣式的 UI 框架，用於快速構建移動端單頁應用

6.Vant

中文文檔：https://open.youzan.com/zanui/
github地址：https://github.com/youzan/zent

Vant 是有贊開源的一套基於 Vue 2.0 的 Mobile 組件庫。經過 Vant，能夠快速搭建出風格統一的頁面，提高開發效率。目前已有近 50 個組件，這些組件被普遍使用於有讚的各個移動端業務中。

 

 

優勢：

1：有小程序版本,能夠平滑兼容小程序web和app。
2：業務組件豐富,什麼時間啊,地址選擇啊,商品列表啊等。
3：電商型網站比較適合。
4：社區活躍，有 50 多個個組件，80%多的單元測試覆蓋率，完善的文檔和示例,支持 babel-plugin-import,支持 TypeScript,支持 ***。

7.Cube UI 滴滴

github地址：https://github.com/didi/cube-ui
中文文檔：https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start

cube-ui 是滴滴17年末開源的一款基於 Vue.js 2.0 的移動端組件庫，主要核心目標是作到體驗極致、靈活性強、易擴展以及提供良好的周邊生態—後編譯。

 

 

優勢：1：質量可靠、體驗極致、標準規範和強擴展性
2：用戶交互體驗最好的
3：擁有獨特的後編譯技術方案幫助大幅優化性能。

看到最後，你選擇困難了嗎？
歡迎評論補充哦。

原文做者：祈澈姑娘 90後前端妹子，愛編程，愛運營，文藝與代碼齊飛，魅力與智慧共存的程序媛一枚