5 款最棒的 Vue 移动端 UI 组件库 - 特别针对国内使用场景推荐_vue移动端组件库

在 Vue 3 正式版发布一段时间后各大组件库、框架纷纷对 Vue 3 做了支持和优化特别是 Vue 移动端组件库有了跨越式的升级。几家头部大厂也全面拥抱 Vue 3 陆续发布了支持 Vue 3 的移动端 UI 组件库非常值得安利一波。本文筛选了国内常用的 Vue 移动端 UI 组件库选出了 5 款来自国内互联网一线大厂或是商业化较好的企业 / 个人长期维护的免费移动端 UI 库分享给大家。

• Vant 3 - 有赞移动 UI 组件库支持 Vue 3 微信小程序支付宝小程序
• Cube UI - 滴滴出行移动端 UI 库质量可靠标准规范扩展性强
• VUX - 移动端 UI 组件库针对微信强势优化
• NUTUI 3.0 - 京东移动端 UI 库面向电商业务场景支持 Vue3
• Vuetify 3 - 老牌 Vue UI 基于谷歌的 Material Design 样式开发支持 Vue3

Vant 3 - 有赞移动 UI 组件库支持 Vue 3 微信小程序支付宝小程序

• Githubhttps://github.com/youzan/vant

首先推荐有赞团队开源的 Vant 3 移动端 UI 组件库不仅已全面支持 Vue 3 而且还支持微信小程序和支付宝小程序。可以说移动端 UI 组件库王者。Vant 对内承载了有赞所有核心业务对外服务十多万开发者是业界主流的移动端组件库之一。

Vant 3 的性能极佳组件平均尺寸小于 1KB min+gzip内置 65 + 个高质量组件覆盖了主流使用场景中的多数需求。有 700+ 个主题变量引入了 Tree-Shaking 可按需引入组件减小打包体积。

扩展阅读《5 款最棒的 Vue 倒计时组件库测评推荐》

Cube UI - 滴滴出行移动端 UI 库质量可靠标准规范扩展性强

• Githubhttps://github.com/didi/cube-ui

滴滴团队开源的 Cube UI 移动端 Vue UI 组件库轻巧趁手。

Cube UI 质量可靠由滴滴内部组件库精简提炼而来经历了业务一年多的考验并且每个组件都有充分单元测试为后续集成提供保障。体验极致以迅速响应、动画流畅、接近原生为目标在交互体验方面追求极致。

Cube UI标准规范遵循统一的设计交互标准高度还原设计效果接口标准化统一规范使用方式开发更加简单高效。扩展性强支持按需引入和后编译轻量灵活扩展性强可以方便地基于现有组件实现二次开发。

扩展阅读《顶级好用的 5 款 Vue table 表格组件测评与推荐》

VUX - 移动端 UI 组件库针对微信强势优化

• Githubhttps://github.com/airyland/vux

VUX 是一款低调的移动端 Vue UI 组件库纯靠作者个人兴趣支持已经维护了5、6年了。主要服务于移动端对微信友好支持。支持 vux-loader 保证了组件按需使用不用担心打包体积过大。VUX 并不完全依赖于 WeUI (微信的设计 UI 库)VUX 在 WeUI 的基础上扩展了多个常用组件但是尽量保持整体UI样式接近 WeUI 的设计规范。

扩展阅读《Element Plus 和 Ant Design Vue 对比测评哪个更好》

NutUI 3.0 - 京东移动端 UI 库面向电商业务场景

• Githubhttps://github.com/jdf2e/nutui

NutUI 3.0 是京东发布的 Vue 3 移动端 UI 组件库。对移动端友好特别针对移动端电商业务场景优化测试。70+ 高质量 UI 组件基于京东 APP 10.0 对视觉规范开发支持按需引用支持 TypeScript支持主题定制。可以使用 Vue 语言来编写在 H5、小程序平台上的应用帮助我们提升开发效率改善开发体验。

扩展阅读《最好用的 7 款 Vue 富文本编辑器》

Vuetify 3 - 老牌 Vue UI 基于谷歌的 Material Design 样式开发

• Githubhttps://github.com/vuetifyjs/vuetify

Vuetify 老牌 Vue UI 组件库它提供了丰富的常用组件有超过 100 个组件适用于多数场景下的使用情况。Vuetify 基于谷歌的 Material Design 样式开发无需写一行 CSS 就能生成相当整洁清爽的界面功能。Vuetify 支持 PC 端和移动端对移动端有特别棒的优化响应式配置简单带有响应式网络系统支持事件处理支持多种浏览器甚至连 IE 11 也支持。Vuetify 已经发布支持 Vue 3 的版本如果正在考虑未来的迁移问题可放心使用。

扩展阅读《7 种最棒的 Vue Loading 加载动画组件测评与推荐》

Vue UI 组件库与卡拉云

本文介绍了 5 款 Vue 移动端 UI 组件库虽然这些组件库可以避免我们重复造轮子但即便如此前端调试有时也非常令人抓狂。如果不想处理前端问题推荐使用卡拉云卡拉云内置各类组件无需懂任何前端仅需拖拽即可快速生成。

这是用卡拉云搭建的数据库 CURD 后台管理系统只需拖拽组件即可在10分钟内完成搭建。查看更多模版

卡拉云是新一代低代码开发平台与前端框架 Vue、React等相比卡拉云的优势在于不用首先搭建开发环境直接注册即可开始使用。开发者完全不用处理任何前端问题只需简单拖拽即可快速生成所需组件可一键接入包括 MySQL 在内的常见数据库及 API根据引导简单几步打通前后端数周的开发时间缩短至 1 小时。立即免费试用卡拉云。

扩展阅读

• Video.js 使用教程 - 手把手教你基于 Vue 搭建 HTML 5 视频播放器
• 最好的 6 个免费天气 API 接口对比测评
• 12 款最棒 Vue 开源 UI 库测评 - 特别针对国内使用场景推荐
• 最棒的 7 个 Laravel admin 后台管理系统推荐
• Retool 是什么怎么样 —— Retool 低代码工具测评
• 最好用的 5 个 Vue select 单选多选下拉组件
• 最好用的 7 款 Vue admin 后台管理框架测评