Vue ui 大法哪家强?
Element iView Vuex Mint UI Vant cube-ui,对比六大 vue ui 组件库,选中最适合的那个。
Element(pc)
介绍 & 版本
饿了么前端团队开发的桌面端组件库,当前最新版本:2.4.8
Star:32.067k
项目特色
- 团队维护
- 支持三个版本:
vue、react、angular
- 支持
Nuxt.js
- 常规支持:多语言、自定义主题、按需引入、内置过渡动画
- 文档详细,组件齐全
- 支持响应式布局,提供基于断点的隐藏类
- 适合常规 pc 端项目
样式
类名大量使用计算属性,css
和主文件分离单独一个文件
官网地址
GitHub 仓库地址
iView(pc)
版本介绍
主要服务于 PC
界面的中后台产品,当前最新版本:3.x
Star:18.086k
项目特色
- 团队维护
- 支持:
Nuxt.js、TypeScript、Electron
- 常规支持:多语言、自定义主题、按需引入
- 文档详细,组件齐全
- 支持响应式布局
UI
比较美观- 适合常规 pc 端项目,皮肤美观
样式
less
计算属性 前缀嵌套
官网地址
GitHub 仓库地址
Vuex(mob)
介绍
类似微信样式的移动端组件库,当前最新版本:2.9.2
Star:14.358k
项目特色
- 个人维护
- 支持
Nuxt.js
- 支持自定义主题
- 组件样式仿照微信
- 适合微信端移动项目
样式
less 长类名区分
官网地址
GitHub 仓库地址
Mint UI(mob)
版本介绍
饿了么前端团队开发的移动端组件库,当前最新版本:2.2.7
Star:12.583k
项目特色
- 团队维护
- 真正做到了按需引入,每个组件有单独的包
CSS3
处理各种动效- 组件齐全
- 适用于移动端常规项目
样式
scss、template、script、css
都在一个文件中,长类名区分
官网地址
GitHub 仓库地址
Vant(mob)
版本介绍
有赞团队开发的移动端组件库,当前最新版本:1.3.10
Star:6.31k
项目特色
- 团队维护
- 有多个版本:
小程序 UI => Vant Weapp
、PC 端 React UI => Zen
- 支持
SSR
- 常规支持:多语言、自定义主题、按需引入
- 文档详细,组件齐全
- 适用于移动端商城购物类网站
样式
scss
、BEM
类名命名法
官网地址
GitHub 仓库地址
cube-ui(mob)
版本介绍
滴滴团队开发的移动端组件库,当前最新版本:1.11.2
Star:4.296k
项目特色
- 团队维护
- 支持后编译
- 常规支持:多语言、自定义主题、按需引入
- 文档详细,组件齐全
- 扩展性强,可以方便地基于现有组件实现二次开发
- 适合移动端需要扩展的项目,或者引用框架部分源代码组合成自己的 ui 组件库
样式
scss
、BEM
类名命名法
官网地址
GitHub 仓库地址
原文地址:https://segmentfault.com/a/1190000016896883
Vue ui 大法哪家强?的更多相关文章
- VUE验证器哪家强? VeeValidate absolutely!
VUE验证器哪家强? VeeValidate absolutely! vee-validate表单验证用法 github地址:https://github.com/baianat/vee-valida ...
- 16款优秀的Vue UI组件库推荐
16款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可.在公司的Web前端项目开发中,多个项目采用基 ...
- 强烈推荐优秀的Vue UI组件库
Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可.在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正 ...
- 【转】优秀的Vue UI组件库
原文来源:https://www.leixuesong.com/3342 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可.在公司 ...
- PAT 1032. 挖掘机技术哪家强(20)
为了用事实说明挖掘机技术到底哪家强,PAT组织了一场挖掘机技能大赛.现请你根据比赛结果统计出技术最强的那个学校. 输入格式: 输入在第1行给出不超过105的正整数N,即参赛人数.随后N行,每行给出一位 ...
- PAT乙级 1032. 挖掘机技术哪家强(20)
1032. 挖掘机技术哪家强(20) 时间限制 200 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 CHEN, Yue 为了用事实说明挖掘机技术到底 ...
- PAT (Basic Level) Practise:1032. 挖掘机技术哪家强
[题目链接] 为了用事实说明挖掘机技术到底哪家强,PAT组织了一场挖掘机技能大赛.现请你根据比赛结果统计出技术最强的那个学校. 输入格式: 输入在第1行给出不超过105的正整数N,即参赛人数.随后N行 ...
- .NET ORM 哪家强
ORM到底哪家强? 很多人都想知道这个问题,自已也没测试过,只能道听途说. 闲的无聊就将几个ORM拿出来比一比,假如怀疑测试代码有问题可以将它下载下来慢慢研究. 参赛ORM 1.SqlSugar:是一 ...
- 挖掘机技术哪家强(c++实现)
描述:为了用事实说明挖掘机技术到底哪家强,组织一场挖掘机技能大赛.现请你根据比赛结果统计出技术最强的那个学校. 输入:输入在第1行给出不超过105的正整数N,即参赛人数.随后N行,每行给出一位参赛者的 ...
随机推荐
- UVA 11423 - Cache Simulator (树状数组)
UVA 11423 - Cache Simulator (树状数组) option=com_onlinejudge&Itemid=8&category=523&page=sho ...
- 【Aladdin Unity3D Shader编程】之四 贴图纹理
关于纹理贴图介绍 纹理坐标也叫UV坐标,UV坐标都是0~1,并不是我们所理解的像素坐标,相当于是一个百分比. 编写shader映射纹理 将纹理的颜色取代漫反射的颜色 Shader "Alad ...
- Android SDK中的Support兼容包详解
这篇文章主要介绍了Android SDK中的Support兼容包详解,本文详细区分了Support Library的版本区别.各种Theme的概念和使用注意事项等内容,需要的朋友可以参考下 背景 来自 ...
- 网络安全中机器学习大合集 Awesome
网络安全中机器学习大合集 from:https://github.com/jivoi/awesome-ml-for-cybersecurity/blob/master/README_ch.md#-da ...
- 在IIS上搭建WebSocket服务器(三)
编写客户端代码 1.新建一个*.html文件. ws = new WebSocket('ws://192.168.85.128:8086/Handler1.ashx?user=' + $(" ...
- RDA 搜台
转载马斯特·李 流程: 将channel的读写回调在AL_FW_Init中注册 初始化datasaving部件,注册datasaving的回调,并建立DATASAVING_NvmStore_Threa ...
- codeforces round #427 div2
A:读懂题,乘一下判断大小就行了 #include<bits/stdc++.h> using namespace std; int main() { int s, v1, v2, t1, ...
- JavaGraphics类的绘图方法
Graphics类提供基本绘图方法,Graphics类提供基本的几何图形绘制方法,主要有:画线段.画矩形.画圆.画带颜色的图形.画椭圆.画圆弧.画多边形.画字符串等. 1. 画线段:在窗口中画一条线段 ...
- [Swift通天遁地]七、数据与安全-(19)使用Swift实现原生的SHA1加密
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...
- 解决input输入框在iOS中有阴影问题
input{ -webkit-appearance: none; }