Vue移動端UI框架
- 2019 年 10 月 7 日
- 筆記
自從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,支援 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 的移動端組件庫，主要核心目標是做到體驗極致、靈活性強、易擴展以及提供良好的周邊生態—後編譯。
優點：1：品質可靠、體驗極致、標準規範和強擴展性 2：用戶交互體驗最好的 3：擁有獨特的後編譯技術方案幫助大幅優化性能。
看到最後，你選擇困難了嗎？ 歡迎評論補充哦。
