自從Vue成為前端的主流框架之后罢杉,各家UI框架也越來越多堵泽,今天重點聊一聊移動端的那些框架吧蚜退,Vue移動端框架到底哪家強?以下排名不分先后牡肉,開發(fā)過程中根據(jù)自己的具體業(yè)務(wù)需求來做選擇捧灰。
1.Vux
中文文檔:https://vux.li/#/
在線預(yù)覽:https://vux.li/demos/v2/?x-page=v2-doc-home#/
VUX 是基于 WeUI 和 Vue.js 的 移動端 UI 組件庫,提供豐富的組件滿足移動端(微信)頁面常用業(yè)務(wù)需求,可以說是相當?shù)娜媪恕?/p>
2.Mint UI
中文文檔:http://mint-ui.github.io/docs/#/
github地址:https://github.com/ElemeFE/mint-ui
在線預(yù)覽:http://elemefe.github.io/mint-ui/#/
餓了么前端團隊推出的 Mint UI 是一個基于 Vue.js 的移動端組件庫统锤,包含豐富的 CSS 和 JS 組件毛俏,能夠滿足日常的移動端開發(fā)需要。通過它饲窿,可以快速構(gòu)建出風格統(tǒng)一的頁面煌寇,提升開發(fā)效率。
優(yōu)點:
用起來還是蠻不錯的逾雄,而且用起來不復(fù)雜阀溶,能夠快速上手操作。
缺點:
1:組件很少,存在各種小bug嘲驾,
2: github上最近更新日期是1年前了淌哟,意味著如果使用時候發(fā)現(xiàn)有bug,要么選擇花時間去修改辽故,要么趕緊換組件徒仓。
3.MUI
中文文檔:http://dev.dcloud.net.cn/mui/
github地址:https://github.com/dcloudio/mui
優(yōu)點:1:MUI不依賴任何第三方JS庫,壓縮后的JS和CSS文件僅有100+K和60+K
2:最接近原生ui
3:性能流暢不卡頓
4.Muse-ui
中文文檔:http://www.muse-ui.org/#/install
官網(wǎng)地址: https://muse-ui.org/#/zh-CN
github地址:https://github.com/museui/muse-ui
基于 Vue 2.0 優(yōu)雅的 Material Design UI 組件庫 誊垢,擁有40多個UI 組件掉弛,用于適應(yīng)不同業(yè)務(wù)環(huán)境症见,小巧,api友好殃饿,可用于開發(fā)的復(fù)雜單頁應(yīng)用谋作。
優(yōu)點: 1:社區(qū)活躍,風格多樣,參與者多乎芳,代碼維護有保證遵蚜。
2:github上一直在完善更新。
3:樣式還是比較好看
缺點:muise-ui 屬性和參數(shù)太多了,簡潔性上差了一點點
5. vonic
中文文檔:https://wangdahoo.github.io/vonic-documents/#/
在線預(yù)覽:https://wangdahoo.github.io/vonic/docs/#/home
一個基于 vue.js 和 ionic 樣式的 UI 框架奈惑,用于快速構(gòu)建移動端單頁應(yīng)用
6.Vant
中文文檔:https://open.youzan.com/zanui/
github地址:https://github.com/youzan/zent
Vant 是有贊開源的一套基于 Vue 2.0 的 Mobile 組件庫吭净。通過 Vant,可以快速搭建出風格統(tǒng)一的頁面肴甸,提升開發(fā)效率寂殉。目前已有近 50 個組件,這些組件被廣泛使用于有贊的各個移動端業(yè)務(wù)中原在。
優(yōu)點:
1:有小程序版本,可以平滑兼容小程序web和app友扰。
2:業(yè)務(wù)組件豐富,什么時間啊,地址選擇啊,商品列表啊等。
3:電商型網(wǎng)站比較適合庶柿。
4:社區(qū)活躍村怪,有 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 的移動端組件庫,主要核心目標是做到體驗極致兔辅、靈活性強腊敲、易擴展以及提供良好的周邊生態(tài)—后編譯。
優(yōu)點:1:質(zhì)量可靠维苔、體驗極致碰辅、標準規(guī)范和強擴展性
2:用戶交互體驗最好的
3:擁有獨特的后編譯技術(shù)方案幫助大幅優(yōu)化性能。
看到最后介时,你選擇困難了嗎没宾?
歡迎評論補充哦。
原文作者:祈澈姑娘 技術(shù)博客:http://www.reibang.com/u/05f416aefbe1
90后前端妹子沸柔,愛編程循衰,愛運營,文藝與代碼齊飛褐澎,魅力與智慧共存的程序媛一枚会钝,歡迎關(guān)注【編程微刊】公眾號,回復(fù)【領(lǐng)取資源】,500G編程學習資源干貨免費送。