2018年九个很受欢迎的vue前端UI框架

作者：祈澈菇凉

原文： https://blog.csdn.net/qq_36538012/article/details/82152052

最近在逛各大网站，论坛，SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，小编自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的公司项目。

学习的过程之中发现继最热的 React 组件库和 Angular 组件库之后，这里有很多个流行和实用的 Vue.js 组件库完善你的下一个用 Vue.JS 编写 UI 界面的应用程序。Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。

一：Element

官网地址：http://element-cn.eleme.io/#/zh-CN

介绍：element ui框架的按钮组件，这款由饿了么前端开源的UI框架，一经面世，就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者，却没用过element UI，那你肯定不是合格的vue开发者。

二：iview

官网地址：https://www.iviewui.com/

介绍：iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。使用单文件的 Vue 组件化开发模式基于 npm + webpack + babel 开发，支持 ES2015 高质量、功能丰富友好的 API ，自由灵活地使用空间，由TalkingData开发维护，有很多知名互联网企业都在使用。

三：vuetify

官网地址：https://vuetifyjs.com/zh-Hans/

介绍：Vuetifyjs 根据材料设计规格提供 UI 布局。 V 1.0 Alpha 版本提供了超过 80个 reusbale 组件，其中包含一个易于记忆的语义设计，它基于名称简单明了 type-as-you 的类型属性。在GitHub 上有超过 7K 的 star。

四：vue-strap

官网地址：http://yuche.github.io/vue-strap/

介绍：基于 Vue.js 的 Bootstrap 组件该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。所以不需要 jQuery 和 Bootstrap 的 JavaScript 文件，唯一需要依赖的是: Vue.js Bootstrap CSS ，VueStrap 不依赖某个非常精确的 Bootstrap 版本。如果喜欢bootstrap的小伙伴又不想换jquery的开发方式是不二的选择。

五：cube-ui

官网地址：https://didi.github.io/cube-ui/#/zh-CN/example

介绍：cube-ui 是滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。

六：buefy

官网地址：https://buefy.github.io/#/

介绍：Buefy 基于 Bulma 和 Vue.js 的轻量级UI组件，它提供了即装即用的轻量级组件。虽然组件选择有限，但是值得你去尝试。

七：vue-beauty

官网地址： https://fe-driver.github.io/vue-beauty/#/components/button

介绍：基于 ant design 的漂亮的 vue 组件库；vue-beauty 是一套基于 vue.js 和 ant-design样式的PC端 UI 组件库，旨在帮助开发者提升产品体验和开发效率、降低维护成本。

八：at-ui

官网地址： https://at-ui.github.io/at-ui/#/zh

介绍：AT-UI 是一个模块化的前端 UI 框架，开发基于Vue.js 的快速和强大的 Web 界面。专门为桌面应用程序构建，AT-UI提供了一套 npm + webpack + babel 前端开发工作流程。全英文的文档对用户来说可能是具有有挑战性的，但它提供了一个体面的干净整洁的 UI 组件。

九：Vue-Blu

官网地址： https://chenz24.github.io/vue-blu/#/

介绍：Vue-Blu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。全面、灵活且强大的ui组件，API友好。

关注「编程微刊」公众号，在微信后台回复「领取资源」，获取IT资源300G干货大全。

----------------------------------------------以下为博主自行补充内容-----------------------------------------------------

十、mint-ui

与element一样，同属饿了么团队开发，专门针对移动端的产品

github：https://github.com/ElemeFE/mint-ui

十一、vant

有赞团队开发，轻量化的移动端UI组件

github：https://github.com/youzan/vant

特别推荐：Awesomes-Web前端开发资源库

2018年流行的vue前端UI框架相关推荐

VUE常用UI组件插件及框架-vue前端UI框架收集
UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - ...
vue前端UI框架整理
整理的vue前端UI框架. PC端: 1.Elementi:一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库. 2.iView:一套基于 Vue.js 的开源 UI 组件库,主 ...
vue 前端ui框架_vue前端框架
推荐几个vue 前端ui框架第一名 appwork 演示地址 http://appwork.nicethemes.cn 第二名 color admin 演示地址 http://www.colora ...
vue前端UI框架，一点都不圆润，盘它！
面对众多vue前端UI框架,看着它们干干巴巴.麻麻赖赖的样子,一点都不圆润,跟我一起盘它! Vue移动端UI框架 1.Vux(star:15620) VUX(读音 [v'ju:z],同 views)是 ...
ant design vue table 高度自适应_很受欢迎的vue前端UI框架
最近在逛各大网站,论坛,SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,小编自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己 ...
排名前10的vue前端UI框架值得你掌握
最近在逛各大网站,论坛,SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,小编自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己 ...
排名前10的vue前端UI框架框架值得你掌握
https://segmentfault.com/a/1190000015423178?utm_source=tag-newest vue常用ui框架推荐 pc: • element-ui (star ...
8个vue前端UI框架框架值得你掌握
Element(start-28128) 饿了么前端推出的基于 Vue.js 2.0 的后台组件库,它能够帮助你更轻松更快速地开发 web 项目 iview(start-15674) iview一套基 ...
python前端框架vue_排名前10的vue前端UI框架框架值得你掌握
之前得到消息vue在GitHub已经超过react,成为第一大框架,让我们来看看以vue为基础的开发框架有哪些? Element(start-28128) 饿了么前端推出的基于 Vue.js 2.0 ...

2018年流行的vue前端UI框架

2018年九个很受欢迎的vue前端UI框架

2018年流行的vue前端UI框架相关推荐

最新文章

热门文章