Vue常用组件库的比较分析（移动端）

已于 2022-04-25 09:20:41 修改
阅读量2.2w 收藏 61
点赞数 7
分类专栏： 前端开发 文章标签： Vue组件库 Vux Vant MintUI 比较分析
于 2019-05-01 13:21:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38633659/article/details/89736656
版权

目录

1、Vux(mob)：类似微信样式的移动端组件库

最新版本： v2.9.4
Star： 15.616k
项目特点：

1.个人维护
2.支持 Nuxt.js
3.支持自定义主题
4.组件样式仿照微信
5.适合微信端移动项目

样式： less 长类名区分
官网地址
GitHub地址

2、Mint UI(mob)：饿了么前端团队开发的移动端组件库

最新版本： v2.2.13
Star： 14.130k
项目特点

1.团队维护
2.真正做到了按需引入，每个组件有单独的包
3.CSS3 处理各种动效
4.组件齐全
5.适用于移动端常规项目

样式： scss、template、script、css 都在一个文件中，长类名区分
官网地址
GitHub地址

3、Vant(mob)：有赞团队开发的移动端组件库

最新版本： v1.6.16
Star： 8.343k
项目特点：

1.团队维护
2.有多个版本：小程序 UI => Vant Weapp、PC 端 React UI => Zen
3.支持 SSR
4.常规支持：多语言、自定义主题、按需引入
5.文档详细，组件齐全
6.适用于移动端商城购物类网站

样式： scss、BEM 类名命名法
官网地址
GitHub地址

4、cube-ui(mob)：滴滴团队开发的移动端组件库

最新版本： v1.12.18
Star： 6.073k
项目特点：

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

样式： scss、BEM 类名命名法
官网地址
GitHub地址

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

官网地址
GitHub地址

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

官网地址
GitHub地址

7、vonic(mob):用于快速构建移动端单页应用

最新版本： v2.0.0
Star： 3.118k
项目特点： 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用。

官网地址
GitHub地址

注：以上最新版本号和Star数量更新于2019/5/1。

参考地址：

瓜子三百克
关注
  • 7
    点赞
  • 踩
  • 61
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
利用Vue实现移动端图片轮播组件的方法实例
08-29
轮播图是前端很常用的一个网页特效，几乎所有的网站或多或少都会用到这个特效...下面这篇文章主要给大家介绍了关于利用Vue实现移动端图片轮播组件的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下。
Vant移动端组件库-其他
06-13
Vant 是一套轻量、可靠的移动端组件库。通过 Vant，可以快速搭建出风格统一的页面，提升开发效率。 特性： 1、60+ 高质量组件 2、95% 单元测试覆盖率 3、完善的中英文文档和示例 4、支持按需引入 5、支持主题定制 6...
Vue常用的组件库大全【前端工程师必备】
qq_46509116的博客
04-11 490
🔸在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。中文文档：https://dafrok.github.io/vue-baidu-map/#/zh/start/installation。在线预览：https://dafrok.github.io/vue-baidu-map/#/zh/guide/painting。🔸一套基于 Vue.js 的高质量UI 组件库 https://www.iviewui.com/
移动端开发常用的一些UI 组件库
weixin_51127384的博客
07-10 2871
一些工作中常用到的移动端组件库
分享一个适用于 Vue 非常好用的移动端组件库【Vant 】
最新发布
程序研博客
05-13 1024
Vant 是一款轻量、可靠的移动端 Vue 组件库，由 Youzan UI 团队开发和维护。它专注于移动端 UI 组件的设计和实现，为开发者提供了一套完整的、高质量的组件集合，帮助开发者快速构建出符合移动设计规范的应用。：Vant 的组件都经过了严格的优化和压缩，以确保在保持性能的同时，减小应用的体积。这使得 Vant 成为了一个非常轻量级的组件库，适合在移动端应用中使用。：Vant 提供了大量高质量的组件，涵盖了移动端应用中的各种常见场景。
5个大厂出品的移动端组件库推荐！
haishao520的博客
01-31 983
今日我们要带给大家的是 5 个大厂生产的移动终端组件库推荐，分别是：WeUI 移动部件库，Material Design 设计规范库，HarmonyOS 移动部件库，Taro UI 移动部件库，Tdesign 移动部件库。就像我们平时自己做移动设计的时候，有时会遇到需要自己去设计，去寻找一些移动设计资源的情况。但是无论是自己动手还是花时间找移动组件库，都是非常费力的，相当于在设计或者找移动组件库的路上浪费了很多时间，真正用来设计的时间被压缩了。大厂移动终端组件库的出现可以完美解决这个问题。
vue-7：组件库（移动端vant）（PC端element）
qq_60839348的博客
05-14 985
vue-7：组件库（移动端vant）（PC端element）
vue插件汇总及vue组件大全vueUI
muzidigbig的博客
05-06 975
Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件，这里对vue插件汇总，提供vue组件大全，方便查找使用，便于工作和学习。 一、UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 ...
Vue2 传值（父子传值，provide/inject传值，vuex传值）
Realizee的博客
12-08 2964
vue组件间通讯有什么方法： 1） 使用props、$emit 传值 （prop向下传递，事件向上传递；$emit触发父组件的自定义事件） 2） 使用provide、inject 传值 3） 使用bus.js （通过定义公共实例文件来进行非父子组件之间的传值） 4） 使用vuex 父子组件间传参，用props、$emit 比较便利好用； 跨组件传参，用provide/inject ，vuex
关于Vue组件库开发详析
08-27
Vue组件库可以应用于各种项目中，如移动端UI组件库、PC端UI组件库等。它可以帮助我们提高开发效率、提高页面性能和可维护性。 9. 总结 本文主要介绍了关于Vue组件库开发的相关资料，通过示例代码介绍的非常详细，...
Component_Vue2:常用的移动端组件封装
04-29
这是一个组件库 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view ...
移动web端的react.js组件化方案
09-02
react 组件化
14 个最佳 Vue UI 组件库推荐
热门推荐
古他妈阳光之神☀️
08-24 2万+
Vue.js 是无数前端开发人员首选的 JavaScript 框架，因为它易于学习和使用。 组件是 Vue 框架的核心——它们可以帮助你更快地从想法转变为功能性 UI。
前端的主流组件库你知道有那些吗？是否都会用呢？
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
05-23 1万+
了解常见组件库及使用流程目标了解一些常见的Vue组件库前端项目分类移动端（h5页， 小程序）PC端常见的vue技术栈组件库移动端（Vant[1],Cube-UI[2], NutUI[3]echarts[4]）PC端 （element-ui[5],Ant Design of Vue[6],iView[7]）小程序:uniapp[8]组件库的基本使用流程根据项目...
12个不容错过的Vue UI 组件库
mengdong_524的博客
03-01 2万+
Vue.js 是一个渐进式 javascript 框架，用于构建 UIS（用户界面）和 SPA（单页应用程序）。UI 组件库提高了我们的开发效率，增强了应用的整体外观、感觉、交互性和可访问性，下面就来看看有哪些适用于 Vue 的 UI 组件库。 1. Element UI Element UI 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。它是一个用于 Web 的 UI 组件库 ，除了 Vue 之外，它还具有React 和 Angular的版本。 Element.
vue,uni-app 移动端UI框架（组件库）
PrimaryColor
01-25 1万+
一、Vant UI 轻量、可靠的移动端 Vue 组件库 https://youzan.github.io/vant/#/zh-CN/intro 二、uView: 多平台快速开发的UI框架。 https://www.uviewui.com/components/intro.html 三、Muse UI 基于 Vue 2.0 优雅的 Material Design UI 组件库。 https://muse-ui.org/#/zh-CN 四、Cube UI didi.github.io/cub
vant自动按需引入组件 (推荐)
小糖穿越火线
09-16 5164
vant自动按需引入组件 (推荐) 安装 # 通过 npm 安装 npm i vant -S babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式 # 安装插件 npm i babel-plugin-import -D 配置： // 在.babelrc 中添加配置 // 注意：webpack 1 无...
移动端日历组件设计与实现
CRMEB小程序商城的博客
04-19 4767
前言 在大多数的客户端应用中，日期的选择与操作是一个常见的功能，使用日历组件完成对于这一功能的实现，往往是一个高效的解决方案。对于日历组件的设计与开发，在常见的开源项目中，通常有两种设计思路： 横向切换展示，默认渲染单个月份，通过按钮或左右滑动，进行月份切换； 纵向切换展示，默认渲染展示多个月份，上下滑动进行月份切换； 例如添加 picker 进行视图切换，添加自定义按钮，日期单选/多选，自定义文案，日期范围限制等等功能，这些基本都是在两种思路的基础上进行的功能扩展。 在日常的应用中，两种方式各有优劣：
vue3使用的移动端UI框架,vue3.0 ui组件库
aifans_bert的博客
09-11 1074
Laydate控件如何只显示年份如下所示在下面加入css样式 便只显示年份了.laydate_m,.laydate_table{ display:none;} Laydate控件如何只显示时分秒#laydate_box.laydate_top,#laydate_box.laydate_table,#laydate_today{display:none;}当然都还需要对应修改下面的format$(document).ready(function(){laydate({elem:'#haha',//目标元素。
vue 移动端组件库
07-28
目前有几个常用的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 ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

瓜子三百克

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值