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 組件庫,提供豐富的組件滿足移動端(微信)頁面常用業務需求,可以説是相當的全面了。

vue 餓了嗎框架 element 餓了麼vue移動端框架_移動端

 

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 組件,能夠滿足日常的移動端開發需要。通過它,可以快速構建出風格統一的頁面,提升開發效率。

 

vue 餓了嗎框架 element 餓了麼vue移動端框架_移動端_02

 

優點:用起來還是蠻不錯的,而且用起來不復雜,能夠快速上手操作。

缺點:1:組件很少,存在各種小bug,2: github上最近更新日期是1年前了,意味着如果使用時候發現有bug,要麼選擇花時間去修改,要麼趕緊換組件。

3.MUI

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

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

 

vue 餓了嗎框架 element 餓了麼vue移動端框架_github_03

 

優點:1:MUI不依賴任何第三方JS庫,壓縮後的JS和CSS文件僅有100+K和60+K2:最接近原生ui3:性能流暢不卡頓

4.Muse-ui

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

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

 

vue 餓了嗎框架 element 餓了麼vue移動端框架_移動端_04

優點: 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 個組件,這些組件被廣泛使用於有讚的各個移動端業務中。

 

 

vue 餓了嗎框架 element 餓了麼vue移動端框架_vue 餓了嗎框架 element_05

優點:

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

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 的移動端組件庫,主要核心目標是做到體驗極致、靈活性強、易擴展以及提供良好的周邊生態—後編譯。

 

vue 餓了嗎框架 element 餓了麼vue移動端框架_vue 餓了嗎框架 element_06

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