Vue UI框架对比：Element UI、Ant Design Vue、iView

转载：https://www.cnblogs.com/niejunchan/p/12866424.htmlVue UI框架对比：Element UI、Ant Design Vue、iView</h1><div class="clear"></div><div class="postBody">本篇文章将..

qq_35483460

3365人浏览 · 2020-12-11 17:39:39

qq_35483460 · 2020-12-11 17:39:39 发布

转载：https://www.cnblogs.com/niejunchan/p/12866424.html

Vue UI框架对比：Element UI、Ant Design Vue、iView

        </h1>
        <div class="clear"></div>
        <div class="postBody">

本篇文章将介绍常用的几个Vue UI框架，不说好坏，只对一些参数进行对比,大家可以根据自己的考量选择适合自己的UI框架。

1. 对比

框架名称	组件数量	单元测试率	admin项目	维护团队	GitHub Star数（2019/10/16）	原型设计素材
Element UI	46	81%	vue-element-admin	饿了么	41.6K	Axure、Sketch
Ant Design Vue	55	87%	Ant Design Pro	社区主导，蚂蚁金服技术支持	8.4K	Axure、Sketch
iView	54	无	iView-admin	Talkingdata	3.x版本22.7K,4.x版本482	无

2. 资源

Element UI

文档：https://element.eleme.io/#/zh-CN/component/installation
vue-element-admin预览：https://panjiachen.github.io/vue-element-admin/#/login
vue-element-admin项目文档：https://panjiachen.github.io/vue-element-admin-site/zh/
vue-element-admin项目源码：https://github.com/PanJiaChen/vue-element-admin

Ant Design Vue

文档：https://vue.ant.design/docs/vue/introduce-cn/
Ant Design Pro预览：https://preview.pro.loacg.com/user/login
Ant Design Pro项目文档：https://pro.loacg.com/docs/getting-started
Ant Design Pro项目源码：https://github.com/sendya/ant-design-pro-vue

iView

文档：https://www.iviewui.com/docs/introduce
iView-admin预览:https://admin.iviewui.com/login
iView-admin项目文档：https://lison16.github.io/iview-admin-doc/#/
iView-admin项目源码：https://github.com/iview/iview-admin

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^