vue移动端UI组件库

作者: 刘其瑞 | 来源:发表于2019-07-04 20:57 被阅读0次

1、Vux(mob):类似微信样式的移动端组件库
2、Mint UI(mob):饿了么前端团队开发的移动端组件库
3、Vant(mob):有赞团队开发的移动端组件库
4、cube-ui(mob):滴滴团队开发的移动端组件库
5、MUI(mob):最接近原生APP体验的高性能前端框架
6、Muse-ui(mob): 基于 Vue 2.0 优雅的 Material Design UI 组件库
7、vonic(mob): 用于快速构建移动端单页应用
8、NutUI(mob): 京东的Vue移动端组件库


1、Vux(mob):类似微信样式的移动端组件库
最新版本: v2.9.4
Star: 15.616k
样式: less 长类名区分
项目特点:

1.个人维护
2.支持 Nuxt.js
3.支持自定义主题
4.组件样式仿照微信
5.适合微信端移动项目
6.个人维护,组件风格贴近微信(使用了微信的样式库weui) ,更新和处理bug不一定及时,但是是目前star最多的,我们用过,实际效果还不错

2、Mint UI(mob):饿了么前端团队开发的移动端组件库
最新版本: v2.2.13
Star: 14.130k
样式: scss、template、script、css 都在一个文件中,长类名区分
项目特点

1.团队维护
2.真正做到了按需引入,每个组件有单独的包
3.CSS3 处理各种动效
4.组件齐全
5.适用于移动端常规项目
6.饿了么团队研发维护,配合element-ui十分火热,组件也很齐全,但好久没更新了

3、Vant(mob):有赞团队开发的移动端组件库
最新版本: v1.6.16
Star: 8.343k
样式: scss、BEM 类名命名法
项目特点:

1.团队维护
2.有多个版本:小程序 UI => Vant Weapp、PC 端 React UI => Zen
3.支持 SSR
4.常规支持:多语言、自定义主题、按需引入
5.文档详细,组件齐全
6.适用于移动端商城购物类网站
7.有赞团队研发维护,更新频率挺高,组件丰富,风格也还不错

4、cube-ui(mob):滴滴团队开发的移动端组件库
最新版本: v1.12.18
Star: 6.073k
样式: scss、BEM 类名命名法
项目特点:

1.团队维护
2.支持后编译
3.常规支持:多语言、自定义主题、按需引入
4.文档详细,组件齐全
5.扩展性强,可以方便地基于现有组件实现二次开发
6.适合移动端需要扩展的项目,或者引用框架部分源代码组合成自己的 ui 组件库
7.滴滴团队开发维护的,滴滴风格,大部分组件的主题色是橙色,组件较少,主要是表单类

5、MUI(mob):最接近原生APP体验的高性能前端框架
最新版本: v3.7.2
Star: 11.392k
项目特点:

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

6、Muse-ui(mob):基于 Vue 2.0 优雅的 Material Design UI 组件库
最新版本: v3.0.2
Star: 7.361k
项目特点:

1.组件丰富:40多个UI 组件,用于适应不同业务环境。
2.可定制:自定义主题方式极为优雅,仅需少量代码即可完成主题样式替换。
3.基于 Vue 2.0:是当下最快的前端框架之一,小巧,api友好,可用于开发的复杂单页应用
4.基于Material Design (google发布的设计规范)的ui框架,动画效果忒好看,组件不好看,等着他壮大再说吧

7、vonic(mob):用于快速构建移动端单页应用
最新版本: v2.0.0
Star: 3.118k
项目特点:

  1. 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用。

8、NutUI(mob):京东的Vue移动端组件库
最新版本:v2.1.3
Star: 1.206k
项目特点

一套京东风格的轻量级移动端Vue组件库,文档超级详细,

注:以上最新版本号和Star数量更新于2019/5/1。
参考地址:Vue常用组件库的比较分析(移动端)

相关文章

  • Vue.js 常用 UI 组件库

    Vant有赞前端团队提供的轻量、可靠的移动端 Vue 组件库 Mint UI基于 Vue.js 的移动端组件库 V...

  • mint-ui使用方法

    mint-ui vue移动端 ui组件库 npm install mint-ui -S v2.0 npm inst...

  • table组件

    前端项目分类: 移动端(h5页,小标题) PC端 常见的vue技术栈组件库: 移动端:Vant ,Cube-UI ...

  • 移动端组件库

    Mint UI —— 基于 Vue.js 的移动端组件库GitHub:https://github.com/Ele...

  • vue移动端组件库

    1、cube-ui cube-ui 是基于 Vue.js 实现的精致移动端组件库。 特性 质量可靠 由滴滴内部组件...

  • 9. Mint-UI 和 MUI

    Mint-UI Mint-UI 是基于 Vue.js 的移动端组件库。 Mint-UI 官网: http://mi...

  • 关于MINT-UI组件库的安装与使用

    Mint-UI是是一个基于 Vue.js 的移动端组件库,包含丰富的 CSS 和 JS 组件,能够满足日常的移动端...

  • Mint-UI 快速开发移动客户端应用

    Mint UI提供基于vue.js 的移动端组件库,可快速开发移动客户端应用程序,移动端应用以网页访问的方...

  • mint-ui

    mint-ui 基于vue.js的移动端组件库 安装mint-ui 导入mint-ui包 mint-ui中使用bu...

  • 知识类url整理

    1.vue.js组件框架iView与iView-admin脚手架 有赞移动端ui组件库:https://youza...

网友评论

    本文标题:vue移动端UI组件库

    本文链接:https://www.haomeiwen.com/subject/tqkdhctx.html