乐趣区

关于vue.js: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 微信小程序,支付宝小程序

  • Github:https://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 库,品质牢靠,标准规范,扩展性强

  • Github:https://github.com/didi/cube-ui

滴滴团队开源的 Cube UI 挪动端 Vue UI 组件库,笨重趁手。

Cube UI 品质牢靠,由滴滴外部组件库精简提炼而来,经验了业务一年多的考验,并且每个组件都有充沛单元测试,为后续集成提供保障。体验极致,以迅速响应、动画晦涩、靠近原生为指标,在交互体验方面谋求极致。

Cube UI 标准规范,遵循对立的设计交互规范,高度还原设计成果;接口标准化,对立标准应用形式,开发更加简略高效。扩展性强,反对按需引入和后编译,轻量灵便;扩展性强,能够不便地基于现有组件实现二次开发。

扩大浏览:《顶级好用的 5 款 Vue table 表格组件测评与举荐》

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

  • Github:https://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 库,面向电商业务场景

  • Github:https://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 款式开发

  • Github:https://github.com/vuetifyjs/…

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 后盾治理框架测评
退出移动版