本篇文章將介紹常用的幾個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