Vant 3 – 有赞移动UI组件库,支持Vue 3微信小程序、支付宝小程序 Cube UI – 滴滴出行移动UI库,质量可靠,规格标准,扩展性强 VUX – 移动UI组件库,针对微信NUTUI 3.0强力优化- 京东移动UI库,面向电商业务场景,支持Vue3Vuetify 3 - 旧版Vue UI,基于Google的Material Design风格开发,支持Vue3
1。 Vant 3 – 有赞移动UI组件库,支持Vue 3微信小程序、支付宝小程序
首先推荐有赞团队开源的Vant 3移动UI组件库。不仅全面支持Vue 3,还支持微信小程序、支付宝小程序。可以说是移动UI组件库之王。 Vant对内承载有赞所有核心业务,对外服务超过10万开发者。是业界主流的移动组件库之一。
Vant 3性能优异,平均组件大小小于1KB(min+gzip),内置65+优质组件,覆盖主流使用场景的大部分需求。主题变量700+,引入Tree-Shaking按需引入组件,减少封装体积。
2。 Cube UI – 滴滴出行移动端UI库,质量可靠,标准化,可扩展性强
滴滴团队开源的Cube UI移动Vue UI组件库,轻量易用。
Cube UI 品质可靠。它是在滴滴内部组件库的基础上精简和提炼出来的。经过一年多的业务考验,每个组件都有充分的单元测试,为后续集成提供保障。极致体验,以响应快速、动画流畅、贴近原生为目标,追求极致的交互体验。
Cube UI标准规范遵循统一的设计交互标准,高度还原设计效果;接口标准化,使用统一标准化,让开发更简单、更高效。扩展性强,支持按需引入和后编译,轻量灵活;扩展性强,可以基于现有组件轻松实现二次开发。
3。 VUX – 移动UI组件库,针对微信进行强力优化
VUX是一个低调的移动端Vue UI组件库,纯粹是作者个人兴趣支持,已经维护了5、6年了。主要服务于移动端,对微信友好支持。支持 vux-loader 可以保证组件可以按需使用,而不用担心打包尺寸过大。 VUX并不完全依赖WeUI(微信的设计UI库)。 VUX 在 WeUI 的基础上扩展了很多常用组件,但又尽量保持整体 UI 风格接近 WeUI 的设计规范。
4。 NutUI 3.0 – 京东移动UI库,面向电商业务场景
NutUI 3.0是京东发布的Vue 3移动UI组件库。它适合移动设备,并且专门针对移动电商业务场景的测试进行了优化。 70+优质UI组件,基于京东APP 10.0视觉规范开发,支持按需引用,支持TypeScript,支持主题定制。您可以使用Vue语言在H5和小程序平台上编写应用程序,这有助于我们提高开发效率和开发体验。
5。 Vuetify 3 – 老牌Vue UI,基于Google的Material Design风格开发
Vuetify是老牌的Vue UI组件库,提供了丰富的常用组件(超过100个组件),适合大多数场景使用。 Vuetify基于Google的Material Design风格开发,无需编写一行CSS即可生成非常整洁清爽的界面功能。 Vuetify支持PC端和移动端。特别针对移动终端进行了优化。它响应灵敏,配置简单,拥有响应式网络系统,支持事件处理,支持多种浏览器,甚至支持IE 11。 Vuetify 已经发布了支持 Vue 3 的版本,如果您正在考虑未来的迁移问题,可以放心使用。
扩展:Vue UI组件库和KaraCloud
本文介绍了5个Vue移动UI组件库。虽然这些组件库可以避免我们重新发明轮子,但即便如此,前端调试有时也会非常令人沮丧。如果不想处理前端问题,建议使用卡拉云。 Kara Cloud 具有各种内置组件。您不需要了解任何前端。您只需拖放即可快速生成它们。
这是一个用卡拉云构建的数据库CURD后端管理系统。只需拖放组件即可在 10 分钟内构建。
(学习视频分享:Web前端开发、编程入门)