VUE常用的一些移动端组件库

VUE常用的一些移动端组件库

1.cube-ui

地址:https://didi.github.io/cube-ui/#/zh-CN
demo:https://didi.github.io/cube-ui/example/#/

特性
1.质量可靠

由滴滴内部组件库精简提炼而来,经历了业务一年多的考验,并且每个组件都有充分单元测试,为后续集成提供保障。

2.体验极致

以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。

3.标准规范

遵循统一的设计交互标准,高度还原设计效果;接口标准化,统一规范使用方式,开发更加简单高效。

4.扩展性强

支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。

2.NutUI

地址:http://nutui.jd.com/#/intro
GitHUb:https://github.com/jdf2e/nutui

NutUI是一套京东风格的移动端Vue组件库,开发和服务于移动Web界面的企业级前中后台产品。

特性

  1. 30+ 京东移动端项目正在使用
  2. 基于京东APP 7.0 视觉规范
  3. 支持按需加载
  4. 详尽的文档和示例
  5. 支持定制主题
  6. 支持多语言(国际化)
  7. 支持 TypeScript
  8. 支持服务端渲染(Vue SSR)
  9. 单元测试加持
  10. 配套有基于Webpack的构建工具,可快速创建已内置本组件库的Vue工程

示例

在这里插入图片描述

3.VUX

地址:https://doc.vux.li/zh-CN/
demo:https://vux.li/demos/v2/#/

简介

VUX 必须配合 vux-loader 使用,如果不使用 vux2 模板请按照文档正确配置。

less@3.x 有严重的兼容问题,请暂时使用 less@^2.7.3。

暂未适配 vue-cli@3.x,请知悉。

提示

VUX 是库而非框架,虽然有专用的 vux-loader,但并不影响你自由地使用其他组件库或者工具库。
VUX 使用的 CSS 预处理工具是 less(同 WeUI),但(利益于 .vue 单文件组件的灵活性)这并不影响你使用 SASS 等其他预处理器。
用以表示该组件库时请使用大写名字 VUX,用在说明版本号时使用小写 vux@2.x。

4.Mint-ui

地址:http://mint-ui.github.io/#!/zh-cn
demo:http://elemefe.github.io/mint-ui/#/

介绍

  1. Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。

  2. 真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件,无需再纠结文件体积过大。

  3. 考虑到移动端的性能门槛,Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺滑的体验。

  4. 依托 Vue.js 高效的组件化方案,Mint UI 做到了轻量化。即使全部引入,压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。

5.Vant

有赞团队开发的移动端组件库

地址:https://youzan.github.io/vant/#/zh-CN/
GitHub:https://github.com/youzan/vant

特性

  1. 60+ 高质量组件
  2. 95% 单元测试覆盖率
  3. 完善的中英文文档和示例
  4. 支持按需引入
  5. 支持主题定制
  6. 支持国际化
  7. 支持 TS
  8. 支持 SSR

6.MUI(mob)

最接近原生APP体验的高性能前端框架

地址:https://dev.dcloud.net.cn/mui/
GitHub:https://github.com/dcloudio/mui

  1. 轻量 追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征;MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K
  2. 原生UI:以iOS平台UI为基础,补充部分Android平台特有的UI控件
  3. 流畅体验:各种动画实现。

示例
在这里插入图片描述

7.Muse-ui

地址:https://muse-ui.org/#/zh-CN
GitHub:https://github.com/museui/muse-ui

特点

  1. 组件丰富:40多个UI 组件,用于适应不同业务环境。
  2. 可定制:自定义主题方式极为优雅,仅需少量代码即可完成主题样式替换。
  3. 基于 Vue 2.0:是当下最快的前端框架之一,小巧,api友好,可用于开发的复杂单页应用
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
目前有几个常用Vue移动端组件,包括Vux、Mint UI、Vant、cube-ui、MUI、Muse-ui和vonic。其中,Vux是一个类似微信样式的移动端组件,Mint UI是饿了么前端团队开发的移动端组件,Vant是有赞团队开发的移动端组件,cube-ui是滴滴团队开发的移动端组件,MUI是一个最接近原生APP体验的高性能前端框架,Muse-ui是基于Vue 2.0的优雅的Material Design UI组件,vonic则是用于快速构建移动端单页应用的组件。这些组件都提供了丰富的组件和功能,可以帮助开发者快速构建高质量的移动应用。你可以根据自己的需求选择适合的组件进行开发。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* [Vue常用组件的比较分析(移动端)](https://blog.csdn.net/weixin_38633659/article/details/89736656)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [Vue常用组件大全【前端工程师必备】【实时更新】【移动端、PC端(web端)、数据可视化组件(数据大屏...](https://blog.csdn.net/qq_44757034/article/details/128090797)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值