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

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

    • 1.cube-ui
    • 2.NutUI
    • 3.VUX
    • 4.Mint-ui
    • 5.Vant
    • 6.MUI(mob)
    • 7.Muse-ui

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工程

示例

VUE常用的一些移动端组件库_第1张图片

3.VUX

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

简介

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

[email protected] 有严重的兼容问题,请暂时使用 less@^2.7.3。

暂未适配 [email protected],请知悉。

提示

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

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. 流畅体验:各种动画实现。

示例
VUE常用的一些移动端组件库_第2张图片

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友好,可用于开发的复杂单页应用

你可能感兴趣的:(vue)