Element iView Vuex Mint UI Vant cube-ui,对比六大 vue ui 组件库,选中最适合的那个。

Element(pc)

介绍 & 版本

饿了么前端团队开发的桌面端组件库,当前最新版本:2.4.8

Star:32.067k

项目特色

  1. 团队维护
  2. 支持三个版本:vue、react、angular
  3. 支持 Nuxt.js
  4. 常规支持:多语言、自定义主题、按需引入、内置过渡动画
  5. 文档详细,组件齐全
  6. 支持响应式布局,提供基于断点的隐藏类
  7. 适合常规 pc 端项目

样式

类名大量使用计算属性,css 和主文件分离单独一个文件

官网地址

Element

GitHub 仓库地址

Element github

iView(pc)

版本介绍

主要服务于 PC 界面的中后台产品,当前最新版本:3.x

Star:18.086k

项目特色

  1. 团队维护
  2. 支持: Nuxt.js、TypeScript、Electron
  3. 常规支持:多语言、自定义主题、按需引入
  4. 文档详细,组件齐全
  5. 支持响应式布局
  6. UI 比较美观
  7. 适合常规 pc 端项目,皮肤美观

样式

less 计算属性 前缀嵌套

官网地址

iView

GitHub 仓库地址

iView github

Vuex(mob)

介绍

类似微信样式的移动端组件库,当前最新版本:2.9.2

Star:14.358k

项目特色

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

样式

less 长类名区分

官网地址

Vuex

GitHub 仓库地址

Vuex github

Mint UI(mob)

版本介绍

饿了么前端团队开发的移动端组件库,当前最新版本:2.2.7

Star:12.583k

项目特色

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

样式

scss、template、script、css 都在一个文件中,长类名区分

官网地址

Mint UI

GitHub 仓库地址

Mint UI github

Vant(mob)

版本介绍

有赞团队开发的移动端组件库,当前最新版本:1.3.10

Star:6.31k

项目特色

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

样式

scssBEM 类名命名法

官网地址

Vant

GitHub 仓库地址

Vant github

cube-ui(mob)

版本介绍

滴滴团队开发的移动端组件库,当前最新版本:1.11.2

Star:4.296k

项目特色

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

样式

scssBEM 类名命名法

官网地址

cube-ui

GitHub 仓库地址

cube-ui github

原文地址:https://segmentfault.com/a/1190000016896883

Vue ui 大法哪家强?的更多相关文章

  1. VUE验证器哪家强? VeeValidate absolutely!

    VUE验证器哪家强? VeeValidate absolutely! vee-validate表单验证用法 github地址:https://github.com/baianat/vee-valida ...

  2. 16款优秀的Vue UI组件库推荐

    16款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可.在公司的Web前端项目开发中,多个项目采用基 ...

  3. 强烈推荐优秀的Vue UI组件库

    Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可.在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正 ...

  4. 【转】优秀的Vue UI组件库

    原文来源:https://www.leixuesong.com/3342 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可.在公司 ...

  5. PAT 1032. 挖掘机技术哪家强(20)

    为了用事实说明挖掘机技术到底哪家强,PAT组织了一场挖掘机技能大赛.现请你根据比赛结果统计出技术最强的那个学校. 输入格式: 输入在第1行给出不超过105的正整数N,即参赛人数.随后N行,每行给出一位 ...

  6. PAT乙级 1032. 挖掘机技术哪家强(20)

    1032. 挖掘机技术哪家强(20) 时间限制 200 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 CHEN, Yue 为了用事实说明挖掘机技术到底 ...

  7. PAT (Basic Level) Practise:1032. 挖掘机技术哪家强

    [题目链接] 为了用事实说明挖掘机技术到底哪家强,PAT组织了一场挖掘机技能大赛.现请你根据比赛结果统计出技术最强的那个学校. 输入格式: 输入在第1行给出不超过105的正整数N,即参赛人数.随后N行 ...

  8. .NET ORM 哪家强

    ORM到底哪家强? 很多人都想知道这个问题,自已也没测试过,只能道听途说. 闲的无聊就将几个ORM拿出来比一比,假如怀疑测试代码有问题可以将它下载下来慢慢研究. 参赛ORM 1.SqlSugar:是一 ...

  9. 挖掘机技术哪家强(c++实现)

    描述:为了用事实说明挖掘机技术到底哪家强,组织一场挖掘机技能大赛.现请你根据比赛结果统计出技术最强的那个学校. 输入:输入在第1行给出不超过105的正整数N,即参赛人数.随后N行,每行给出一位参赛者的 ...

随机推荐

  1. MapReduce的矩阵相乘

    一.单个mapreduce的实现 转自:http://blog.sina.com.cn/s/blog_62186b460101ai1x.html 王斌_ICTIR老师的<大数据:互联网大规模数据 ...

  2. 洛谷 P4149 [ IOI 2011 ] Race —— 点分治

    题目:https://www.luogu.org/problemnew/show/P4149 仍然是点分治: 不过因为是取 min ,所以不能用容斥,那么子树之间就必须分开算,记录桶时注意这个: 每次 ...

  3. 不使用c的任何库函数 实现字符串到整数的转换 整数到字符串的转换

    转载请标明出处:http://www.cnblogs.com/NongSi-Net/p/6805844.html 今天主要总结下:完成编程: 1.除printf函数之外,不用任何c语言库函数,实现将字 ...

  4. cookie应用(一周内免登陆)

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...

  5. OpenResty / Nginx模块,Lua库和相关资源的列表

    OpenResty / Nginx模块,Lua库和相关资源的列表 什么是OpenResty OpenResty是一个成熟的网络平台,它集成了标准的Nginx核心,LuaJIT,许多精心编写的Lua库, ...

  6. Lambda表达式怎么写SQL中的in?

    ambda表达式查询没有IN这个方法,可以变通一下,in查询的数组是否包含在映射对象里面的集合里 直接贴代码吧,一看就懂了 class Program { static void Main(strin ...

  7. RabbitMQ~消费者实时与消息服务器保持通话

    这个文章主要介绍简单的消费者的实现,rabbitMQ实现的消费者可以对消息服务器进行实时监听,当有消息(生产者把消息推到服务器上之后),消费者可以自动去消费它,这通常是开启一个进程去维护这个对话,它与 ...

  8. EasyUI系列学习(二)-使用EasyUI

    一.引入必要文件 <!--1.0引入jQuery核心库--> <script src="jquery-easyui-1.4.4/jquery.min.js"> ...

  9. Mysql中的索引()key 、primary key 、unique key 与index区别)

    CREATE TABLE pre_forum_post ( pid int(10) unsigned NOT NULL COMMENT '帖子id', fid mediumint(8) unsigne ...

  10. [laravel]用户异地登录后踢掉之前的登录

    不同用户和服务器之间由一个唯一的session来区分,但是一般情况下不同的session对应的用户model可以是同一个. 为了实现只能同时在一个地方登陆,可以在用户的字段里增加一个last_sess ...