本篇文章给大家分享5 款适合国内使用的 vue 移动端 ui 组件库,希望对大家有所帮助!
在 vue 3 正式版发布一段时间后,各大组件库、框架纷纷对 vue 3 做了支持和优化,特别是 vue 移动端组件库,有了跨越式的升级。几家头部大厂也全面拥抱 vue 3 ,陆续发布了支持 vue 3 的移动端 ui 组件库,非常值得安利一波。(学习视频分享:vuejs教程)
本文筛选了国内常用的 vue 移动端 ui 组件库,选出了 5 款来自国内互联网一线大厂或是商业化较好的企业 / 个人长期维护的免费移动端 ui 库分享给大家。
vant 3 - 有赞移动 ui 组件库,支持 vue 3 微信小程序,支付宝小程序cube ui - 滴滴出行移动端 ui 库,质量可靠,标准规范,扩展性强vux - 移动端 ui 组件库,针对微信强势优化nutui 3.0 - 京东移动端 ui 库,面向电商业务场景,支持 vue3vuetify 3 - 老牌 vue ui ,基于谷歌的 material design 样式开发,支持 vue31、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 可按需引入组件,减小打包体积。
2、cube ui - 滴滴出行移动端 ui 库,质量可靠,标准规范,扩展性强
github:https://github.com/didi/cube-ui
滴滴团队开源的 cube ui 移动端 vue ui 组件库,轻巧趁手。
cube ui 质量可靠,由滴滴内部组件库精简提炼而来,经历了业务一年多的考验,并且每个组件都有充分单元测试,为后续集成提供保障。体验极致,以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。
cube ui标准规范,遵循统一的设计交互标准,高度还原设计效果;接口标准化,统一规范使用方式,开发更加简单高效。扩展性强,支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。
3、vux - 移动端 ui 组件库,针对微信强势优化
github:https://github.com/airyland/vux
vux 是一款低调的移动端 vue ui 组件库,纯靠作者个人兴趣支持,已经维护了5、6年了。主要服务于移动端,对微信友好支持。支持 vux-loader 保证了组件按需使用,不用担心打包体积过大。vux 并不完全依赖于 weui (微信的设计 ui 库),vux 在 weui 的基础上扩展了多个常用组件,但是尽量保持整体ui样式接近 weui 的设计规范。
4、nutui 3.0 - 京东移动端 ui 库,面向电商业务场景
github:https://github.com/jdf2e/nutui
nutui 3.0 是京东发布的 vue 3 移动端 ui 组件库。对移动端友好,特别针对移动端电商业务场景优化测试。70+ 高质量 ui 组件,基于京东 app 10.0 对视觉规范开发,支持按需引用,支持 typescript,支持主题定制。可以使用 vue 语言来编写在 h5、小程序平台上的应用,帮助我们提升开发效率,改善开发体验。
5、vuetify 3 - 老牌 vue ui ,基于谷歌的 material design 样式开发
github:https://github.com/vuetifyjs/vuetify
vuetify 老牌 vue ui 组件库,它提供了丰富的常用组件(有超过 100 个组件),适用于多数场景下的使用情况。vuetify 基于谷歌的 material design 样式开发,无需写一行 css 就能生成相当整洁清爽的界面功能。vuetify 支持 pc 端和移动端,对移动端有特别棒的优化,响应式,配置简单,带有响应式网络系统,支持事件处理,支持多种浏览器,甚至连 ie 11 也支持。vuetify 已经发布支持 vue 3 的版本,如果正在考虑未来的迁移问题,可放心使用。
扩展:vue ui 组件库与卡拉云
本文介绍了 5 款 vue 移动端 ui 组件库,虽然这些组件库可以避免我们重复造轮子,但即便如此,前端调试有时也非常令人抓狂。如果不想处理前端问题,推荐使用卡拉云,卡拉云内置各类组件,无需懂任何前端,仅需拖拽即可快速生成。
这是用卡拉云搭建的数据库 curd 后台管理系统,只需拖拽组件,即可在10分钟内完成搭建。
查看更多模版:https://kalacloud.com/templates/
原文地址:https://kalacloud.com/blog/best-vue-mobile-ui-component-libraries/
(学习视频分享:web前端开发、编程入门)
以上就是5 款适合国内使用的 vue 移动端 ui 组件库的详细内容。