常用的几款Vue移动端UI推荐
阿里云国内75折 回扣 微信号:monov8 |
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6 |
收录几个常用的移动端UI框架不定时更新。
1. Ionic / Ionic Framework
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 已经不仅仅是个UIIonic 的用户其中很大一部分是注重其跨平台 app开发的功能开发者通过Ionic cli可以便捷的进行跨平台app的开发做到一份代码多端运行。
不过有一点点可惜的是其支持Vue
但是只支持Vue3.x
版本。
2. Vant
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都提供了相应的设计素材这一点对于设计人员确是比较友好的。
5. Mint UI
Mint UI是饿了么前端团队推出的基于 Vue.js 的移动端组件库。
官网地址 | Github地址 | Demo地址
提供的组件能满足大部分日常开发需求组件API有待完善。其支持Vue 1.x
、Vue 2.x
遗憾的是并不支持Vue 3.x
6. VUX
官网地址 | Github地址 | Demo地址
VUX读音 [v’ju:z]同 views是基于WeUI和Vue(2.x)开发的移动端UI组件库主要服务于微信页面。VUX官网充满了浓浓的自嘲的味道以下几点都是摘自官网首页
一个凑合的 Vue.js 移动端 UI 组件库
体验不极致
是的VUX 还有很多问题远远不完美但一直在解决。
如果你在使用并且觉得有一些问题不妨开个 issue 反馈一下我们乐意解决详细描述的问题
维护靠个人
是的没有团队维护。国内大多数开发者都选择了有知名前端团队维护的组件库。
当然你也可以试试选择 VUX毕竟维护两年时间star 12k一定程度上也说明并不比大公司团队开源的差不是么
很难想象这是一个靠个人维护的项目并且作者已经坚持了7年左右佩服。
虽说是个人维护的项目不过可以看到VUX官网的文档还是比较完善的各种常见问题、实例代码也都很多可以供开发者参考。组件的API也是十分的丰富。在这里需要给开发者点个
结语
为方便大家比较我总结出以上各个ui对vue的支持情况如下
# | 移动端UI | 是否支持Vue2.x | 是否支持Vue3.x |
---|---|---|---|
1 | Ionic | √ | |
2 | Vant | √ | √ |
3 | cube-ui | √ | |
4 | TDesign | beta | |
5 | Mint-UI | √ | |
6 | VUX | √ |
阿里云国内75折 回扣 微信号:monov8 |
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6 |