收錄幾個(gè)常用的移動(dòng)端UI框架，不定時(shí)更新。
1. Ionic / Ionic Framework
官網(wǎng)地址 | Github地址
An open source mobile UI toolkit for building modern, high quality cross-platform mobile apps from a single code base in
React.Vue.Angular.
一款開源的移動(dòng)端UI工具包，用于開發(fā)現(xiàn)代的、高性能的跨平臺(tái)移動(dòng)app，支持React/Vue/Antular。
Ionic 有以下特點(diǎn)（官網(wǎng)說明翻譯）：
**1. 高性能：**默認(rèn)快速構(gòu)建——硬件加速和手勢優(yōu)化。
**2. 跨平臺(tái)：**一份代碼可以為多個(gè)移動(dòng)平臺(tái)構(gòu)建靈活的UI。
**3. React、Angular、Vue：**對三大框架支持，也支持純JS環(huán)境。
**4. 亮色、暗色UI：**支持亮色和暗色主題。
Ionic提供了十分豐富的組件，各個(gè)組件也提供了完善的API。
個(gè)人感覺Ionic 已經(jīng)不僅僅是個(gè)UI，Ionic 的用戶其中很大一部分是注重其跨平臺(tái) app開發(fā)的功能，開發(fā)者通過Ionic cli可以便捷的進(jìn)行跨平臺(tái)app的開發(fā)，做到一份代碼多端運(yùn)行。
不過有一點(diǎn)點(diǎn)可惜的是，其支持Vue，但是只支持Vue3.x版本。
2. Vant
文檔網(wǎng)站 | Github地址 | Demo地址
Vant 是一個(gè)輕量、可靠的移動(dòng)端組件庫，于 2017 年開源。
目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社區(qū)團(tuán)隊(duì)維護(hù) React 版本和支付寶小程序版本。
Vant提供了比較完善的組件，尤其是對于移動(dòng)端購物網(wǎng)站，提供了豐富的組件，如AddressEdit 地址編輯、Card 卡片、ContactCard 聯(lián)系人卡片等等一系列組件。
Vant不僅僅支持Vue2.x，還支持最新的Vue3.x
3. cube-ui
cube-ui 是滴滴推出的基于 Vue.js 實(shí)現(xiàn)的精致移動(dòng)端組件庫。
文檔網(wǎng)站 | Github地址 | Demo地址
個(gè)人感覺cube-ui提供的組件不是那么的豐富，還有待完善，不過可以滿足大部分日常開發(fā)需求。另外一點(diǎn)給人的感覺就是官網(wǎng)文檔寫的不是很詳細(xì)。
4. TDesign
官方網(wǎng)站 | Github地址
TDesign誕生于鵝廠內(nèi)部業(yè)務(wù)，其不僅僅是一個(gè)簡單的UI，更是一套比較完善的設(shè)計(jì)指南和視覺體系。
TDesign支持以下多端：
- 桌面端（
Vue： 2.x、3.x穩(wěn)定支持、React：beta、Angular：待上線） - 移動(dòng)端（
Vue 3.x：beta、React：alpha、Flutter：待上線、Taro：待上線） - 小程序（
微信小程序：Rc、QQ小程序：alpha）
從上面我們可以看出TDesign對于桌面端支持的比較完善，app端則有待加強(qiáng)，對Vue3.x的支持也僅僅是到beta的程度、并且似乎對于Vue2.x版本的支持并沒有在計(jì)劃中。
通過TDesign官網(wǎng)我們可以看到，其對于不同的設(shè)計(jì)工具（如Figma、Sketch、Axure、AdobeXD）都提供了相應(yīng)的設(shè)計(jì)素材，這一點(diǎn)對于設(shè)計(jì)人員確是比較友好的。
5. Mint UI
Mint UI是餓了么前端團(tuán)隊(duì)推出的基于 Vue.js 的移動(dòng)端組件庫。
官網(wǎng)地址 | Github地址 | Demo地址
提供的組件能滿足大部分日常開發(fā)需求，組件API有待完善。其支持Vue 1.x、Vue 2.x，遺憾的是并不支持Vue 3.x
6. VUX
官網(wǎng)地址 | Github地址 | Demo地址
VUX（讀音 [v’ju:z]，同 views）是基于WeUI和Vue(2.x)開發(fā)的移動(dòng)端UI組件庫，主要服務(wù)于微信頁面。VUX官網(wǎng)充滿了濃濃的自嘲的味道，以下幾點(diǎn)都是摘自官網(wǎng)首頁，??：
一個(gè)湊合的 Vue.js 移動(dòng)端 UI 組件庫
體驗(yàn)不極致
是的，VUX 還有很多問題，遠(yuǎn)遠(yuǎn)不完美，但一直在解決。
如果你在使用并且覺得有一些問題，不妨開個(gè) issue 反饋一下，我們樂意解決詳細(xì)描述的問題
維護(hù)靠個(gè)人
是的，沒有團(tuán)隊(duì)維護(hù)。國內(nèi)大多數(shù)開發(fā)者都選擇了有知名前端團(tuán)隊(duì)維護(hù)的組件庫。
當(dāng)然你也可以試試選擇 VUX，畢竟維護(hù)兩年時(shí)間，star 12k，一定程度上也說明并不比大公司團(tuán)隊(duì)開源的差，不是么？
很難想象這是一個(gè)靠個(gè)人維護(hù)的項(xiàng)目，并且作者已經(jīng)堅(jiān)持了7年左右，佩服。
雖說是個(gè)人維護(hù)的項(xiàng)目，不過可以看到VUX官網(wǎng)的文檔還是比較完善的，各種常見問題、實(shí)例代碼也都很多，可以供開發(fā)者參考。組件的API也是十分的豐富。在這里需要給開發(fā)者點(diǎn)個(gè)??文章來源：http://www.zghlxwxcb.cn/news/detail-404410.html
結(jié)語
為方便大家比較，我總結(jié)出以上各個(gè)ui對vue的支持情況如下：文章來源地址http://www.zghlxwxcb.cn/news/detail-404410.html
| # | 移動(dòng)端UI | 是否支持Vue2.x | 是否支持Vue3.x |
|---|---|---|---|
| 1 | Ionic | √ | |
| 2 | Vant | √ | √ |
| 3 | cube-ui | √ | |
| 4 | TDesign | beta |
|
| 5 | Mint-UI | √ | |
| 6 | VUX | √ |
到了這里，關(guān)于常用的幾款Vue移動(dòng)端UI推薦的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
