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

2023-11-20

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

本文完整版:《最棒的 Vue 移动端 UI 组件库 - 特别针对国内使用场景推荐

在 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 微信小程序,支付宝小程序

Vant

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

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

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

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

cube-ui

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

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

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

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

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

vux

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

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

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

NutUI

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

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

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

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 小时。立即免费试用卡拉云

扩展阅读:

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

随机推荐

  • zimg服务器搭建手记

    zimg是由国人开源的一个高性能的图片服务器 相关介绍和代码可从github上获取 https github com buaazp zimg 1 安装Openssl 这个很关键 必须先安装 wget http www openssl org
  • 程序员如何在春节假期避免加班?

    点击上方 程序人生 选择 置顶公众号 第一时间关注程序猿 媛 身边的故事 平日奋战在修复BUG前线的 IT界精英程序员们 马上就要开始新年假期了 平时加班忙成狗的你 今年过年想好怎么做才能不加班了么 回想2017年 那轰动全国的被迫加班 莫
  • 数据库系统概念-读写锁、意向锁、行表锁

    目录 1 MySql中的锁分类 2 读写锁和意向锁 共享锁 s 排他锁 X 意向共享锁 IS 和意向排他锁 IX 意向锁的作用 3 数据库行锁 表锁 封锁粒度 4 什么时候使用表锁 1 MySql中的锁分类 按照锁粒度分类 表锁和行锁 即这
  • emacs org-mode嵌入graphviz代码,并执行

    一 graphviz是一种依赖代码实现的画图工具 二 org mode是emacs里的一种文档编辑模式 堪称神器 三 org mode嵌入graphviz代码 并执行 意义 步骤 问题 一 graphviz是一种依赖代码实现的画图工具 特点
  • 2020年产品经理面试题-----产品经理面试题

    1 介绍一下你自己 介绍一下自己的姓名 年龄 毕业院校 工作经历 简单的介绍 保持在三分钟以内 给面试官问问题的时间 工作经历主要讲一些你牛逼的工作经历 例如 你加入XX公司以后 销售额增加了多少 用户翻了多少倍 这样一些 有些人工作经历比
  • webpack5 配置&使用 文档(大全)

    一 起步 1 基本安装 首先我们创建一个目录 初始化 npm 然后 在本地安装 webpack 接着安装 webpack cli 此工具用于在命令行中运行 webpack mkdir webpack demo cd webpack demo
  • 浅拷贝、深拷贝和写时拷贝

    浅拷贝 指对象在复制时 只对对象的数据成员进行简单地赋值 而不复制对象本身 新旧对象还是共享同一块内存即只是增加了一个指针指向已存在的内存地址 因为共享同一份资源 当一个对象将这份资源释放掉 而此时另一个对象并不知道该资源已经被释放 当再次
  • element ui 对话框el-dialog关闭事件,清空填写的数据

    原文链接 https blog csdn net rickiyeat article details 76595390 通常会有需求 在关闭弹框后需要清空填写的数据 这时候就需要关闭事件了
  • UE编辑器下简单把 excel格式的表格转换为wiki支持的表格

    觉得 wiki下 mediawiki 导入excel和word表格好麻烦 微软自带的offic插件wiki转换工具一直都安装不上 为了更新wiki内容只能手动来做了后来总结了以下手动方法 1 复制编辑好的Excel表格到记事本 用ue打开
  • 关于构造函数

    使用构造函数 两种使用构造函数的初始化方式 Stock food Stock World 250 1 25 等价于 Stock garment Furry 50 2 5 将构造函数与new一起使用 new可以调用构造函数 Stock pst
  • 利用input上传图片以及文件视频音频等

    这里说的input指的就是我们常用的
  • unity中创建询问弹出窗口

    在开发过程中进程会遇到需要弹出一个窗口询问用户是否进行的操作 今天就来制作一个这样弹出窗口 然后根据弹出窗口的选择内容不同进行不同的操作 本例中主要是为了删除一个数据 而在删除数据操作前需要得到用户的一个确认操作 这里面主要用到了Notif
  • 一个超级棒的VUE流程设计器--easy-flow开箱即用

    今天小编推荐一款流程设计器easy flow easy flow基于VUE ElementUI JsPlumb的流程设计器 通过 vuedraggable 插件来实现节点拖拽 功能介绍 支持拖拽添加节点 点击线进行设置条件 支持给定数据加载
  • JSON介绍及代码示例

    了解json JSON是什么 JSON是JavaScript Object Notation的缩写 它是一种数据交换格式 在JSON出现之前 大家一直用XML来传递数据 因为XML是一种纯文本格式 所以它适合在网络上交换数据 XML本身不算
  • MFC ListControl

    1 ListControl的基本创建 基本设置 m ListCtrl DeleteAllItems m ListCtrl InsertColumn 0 T NBA m ListCtrl InsertColumn 1 T Final Cham
  • office2010 卸载出现“安装程序找不到ProPlus.ww\ProPsWW.cab 请浏览正确的安装源的错”解决方法

    笔者在换电脑后想卸载office2010安装office2016 但是卸载的过程中遇到了上述问题就记录一下自己的解决方案 1 强制删除officeX对应的文件夹 然后使用toolkit工具清理即可 笔者是通过这种方法解决的 2 应该也可以使
  • C++STL之deque容器

    概述 上一篇我们讲过queue容器 它是一个单向的队列 只能从尾部插入 头部删除 而本节讲的deque容器 它是一个双向的队列 在头尾均可以调用插入与删除 并且支持迭代器和迭代器随机访问 这是它与queue的最大区别 实际上 deque容器
  • c++读取文件

    include
  • 7z命令行加密文件夹和文件名

    因为有时候需要将非常机密的东西上传到网盘 毕竟网盘也不一定安全 而每次都鼠标点添加密码很麻烦 然后就用命令行脚本弄快 电脑安装7zip 在你要压缩的文件夹打开命令行 7z a r pABC12345 mhe on test 7z a 添加f
  • 5 款最棒的 Vue 移动端 UI 组件库 - 特别针对国内使用场景推荐

    本文完整版 最棒的 Vue 移动端 UI 组件库 特别针对国内使用场景推荐 Vue 移动端 UI 组件库推荐 Vant 3 有赞移动 UI 组件库 支持 Vue 3 微信小程序 支付宝小程序 Cube UI 滴滴出行移动端 UI 库 质量可