本篇文章将介绍常用的几个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