2020年GitHub常用的vue的UI框架

在做vue项目开发的时候遇到了一个问题,如何选择自己的技术栈?随着vue的开发者越来越多,各种框架也渐渐多起来,面对众多的框架,如何选择一款适合自己业务的框架,还是一件比较纠结的事情,今天总结了一下2020年GitHub上面比较受欢迎,star较高的几个UI框架。

1:饿了么ElementUI

推荐指数:star:45.2k
适用:PC端

官网地址:#/zh-CN
GitHub地址:https://github.com/ElemeFE/element

介绍:
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,整个ui风格简约,上手挺快,大多数vue开发应该都是选择element,因为社区做的比较完整,不懂的可以在网上找到很多博客和解答。


<img src="http://picb.zhimg.com/50/v2-cebbf2e4b4710f844df90edd0f87f8e2_hd.jpg?source=1940ef5c" data-caption="" data-size="normal" data-rawwidth="1200" data-rawheight="495" data-default-watermark-src="https://pic3.zhimg.com/50/v2-c8a331cdb4d147bf0d9c8f4a21466e9d_hd.jpg?source=1940ef5c" data-original="https://pic2.zhimg.com/v2-cebbf2e4b4710f844df90edd0f87f8e2_r.jpg?source=1940ef5c">

2020年GitHub常用的vue的UI框架



2:vuetify

推荐指数:star:25.4k
适用:移动PC多端支持

GitHub地址:https://github.com/vuetifyjs/vuetify
官网地址:https://vuetifyjs.com/zh-Hans/

Vuetify确实是一款非常精致的UI框架,它提供了很多常用的组件,依靠Material Design的设计优势,让你无需编写一行css代码就可以得到非常美观的界面功能。响应式做的不错,移动PC多端支持,配置灵活,组件也挺多的,足够现代,功能全面,强烈推荐vuetify。


<img src="http://pic1.zhimg.com/50/v2-3f8675ee760df12ffae273e665a60b47_hd.jpg?source=1940ef5c" data-caption="" data-size="normal" data-rawwidth="1200" data-rawheight="534" data-default-watermark-src="https://pic3.zhimg.com/50/v2-b3340239f26e8646bacb8e0d44f4ac89_hd.jpg?source=1940ef5c" data-original="https://pic1.zhimg.com/v2-3f8675ee760df12ffae273e665a60b47_r.jpg?source=1940ef5c">

2020年GitHub常用的vue的UI框架



3:iView

推荐指数:star:23.2k
适用:PC 界面的中后台产品。

官网地址:
GitHub地址:https://github.com/iview/iview

描述:iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。功能丰富,友好的 API ,***灵活地使用空间细致、漂亮的 UI,最主要的是文档特别详细,强烈安利哟~


<img src="http://pic1.zhimg.com/50/v2-49292409d0007bc80c6069bdbd2e6a8d_hd.jpg?source=1940ef5c" data-caption="" data-size="normal" data-rawwidth="1200" data-rawheight="484" data-default-watermark-src="https://picb.zhimg.com/50/v2-a79e8817325f2efa2c8e0abea651dc1e_hd.jpg?source=1940ef5c" data-original="https://pic1.zhimg.com/v2-49292409d0007bc80c6069bdbd2e6a8d_r.jpg?source=1940ef5c">

2020年GitHub常用的vue的UI框架



4:vux

推荐指数:star:17k
适用:移动端
官网地址:https://vux.li/
GitHub地址:https://github.com/airyland/vux

介绍:VUX 是基于 WeUI 和 Vue.js 的 移动端 UI 组件库,提供丰富的组件满足移动端(微信)页面常用业务需求。


<img src="http://pic2.zhimg.com/50/v2-6053c2b35e275c12148a7694ce06f16f_hd.jpg?source=1940ef5c" data-caption="" data-size="normal" data-rawwidth="1200" data-rawheight="490" data-default-watermark-src="https://pic1.zhimg.com/50/v2-5fa2b410881b98e9a7962403733cb849_hd.jpg?source=1940ef5c" data-original="https://pic2.zhimg.com/v2-6053c2b35e275c12148a7694ce06f16f_r.jpg?source=1940ef5c">

2020年GitHub常用的vue的UI框架



图片.png

5:mintui

星星指数:star:15.7k
适用:移动端

官网地址:#!/zh-cn
GitHub地址:https://github.com/ElemeFE/mint-ui

mintui两三年没更新了。个人感觉还是不用吧,因为星星有15.7k,就先记录一下,不推荐哦

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgdpyf.html