常用的几款Vue移动端UI推荐-Toy模板网

这篇具有很好参考价值的文章主要介绍了常用的几款Vue移动端UI推荐。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

收录几个常用的移动端UI框架，不定时更新。

1. Ionic / Ionic Framework

官网地址 | 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.
一款开源的移动端UI工具包，用于开发现代的、高性能的跨平台移动app，支持React / Vue / Antular。

Ionic 有以下特点（官网说明翻译）：
**1. 高性能：**默认快速构建——硬件加速和手势优化。
**2. 跨平台：**一份代码可以为多个移动平台构建灵活的UI。
**3. React、Angular、Vue：**对三大框架支持，也支持纯JS环境。
**4. 亮色、暗色UI：**支持亮色和暗色主题。
Ionic提供了十分丰富的组件，各个组件也提供了完善的API。
个人感觉Ionic 已经不仅仅是个UI，Ionic 的用户其中很大一部分是注重其跨平台 app开发的功能，开发者通过Ionic cli可以便捷的进行跨平台app的开发，做到一份代码多端运行。
不过有一点点可惜的是，其支持Vue，但是只支持Vue3.x版本。

2. Vant

文档网站 | Github地址 | Demo地址

Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。
目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。

Vant提供了比较完善的组件，尤其是对于移动端购物网站，提供了丰富的组件，如AddressEdit 地址编辑、Card 卡片、ContactCard 联系人卡片等等一系列组件。
Vant不仅仅支持Vue2.x，还支持最新的Vue3.x

3. cube-ui

cube-ui 是滴滴推出的基于 Vue.js 实现的精致移动端组件库。
文档网站 | Github地址 | Demo地址
个人感觉cube-ui提供的组件不是那么的丰富，还有待完善，不过可以满足大部分日常开发需求。另外一点给人的感觉就是官网文档写的不是很详细。

4. TDesign

官方网站 | Github地址
TDesign诞生于鹅厂内部业务，其不仅仅是一个简单的UI，更是一套比较完善的设计指南和视觉体系。
TDesign支持以下多端：

桌面端（Vue： 2.x、3.x稳定支持、React：beta、Angular：待上线）
移动端（Vue 3.x：beta、React：alpha、Flutter：待上线、Taro：待上线）
小程序（微信小程序：Rc、QQ小程序：alpha）

从上面我们可以看出TDesign对于桌面端支持的比较完善，app端则有待加强，对Vue3.x的支持也仅仅是到beta的程度、并且似乎对于Vue2.x版本的支持并没有在计划中。
通过TDesign官网我们可以看到，其对于不同的设计工具（如Figma、Sketch、Axure、AdobeXD）都提供了相应的设计素材，这一点对于设计人员确是比较友好的。