2018年九个很受欢迎的vue前端UI框架
最近在逛各大网站,论坛,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友好。
- 一天只需投入少量时间,能否赚到200(轻松实现一天200的兼职)一天只需投入少量时间,能否赚到200(轻松实现一天200的兼职)每个人都希望能够利用自己的空闲时间来赚取额外的收入...幸运副业阅读 12评论 0赞 0
- 滴滴代驾—综合CPA拉新推广入口:校园用户的理想选择滴滴代驾—综合CPA拉新推广入口:校园用户的理想选择 在当今快节奏的生活中,出行便捷性成为了大众追求的重要目标。滴...林哥超酷阅读 26评论 0赞 0
- 用手机赚零花钱的五大方法!随着网络的兴起,智能手机的普及,很多人都想要利用手机去赚取一些零花钱,那么有哪些可以利用手机赚取零花钱的方法呢? ...声优配音圈阅读 22评论 0赞 0
- 蜂享家app官方下载最新邀请码公布?蜂享家app为什么需要邀请码?蜂享家app邀请码怎么获取?问:蜂享家app官方下载最新邀请码公布?蜂享家app为什么需要邀请码?蜂享家app邀请码怎么获取? 答: 各大应用...知行导师阅读 49评论 0赞 0
- 顶级复刻表如何选择最好的厂家?推荐这几个购买渠道在复刻表的世界里,广州被誉为天花板的存在,这里聚集了一批顶级的大厂,如C厂、VS厂、ZF厂等等。他们以精湛的工艺和...腕表大师阅读 15评论 0赞 1
- 阿里云盘永久扩容福利码是什么,最新阿里云盘福利兑换码领取方法阿里云盘,作为近年来崭露头角的云存储服务,凭借其强大的存储空间、稳定的上传下载速度以及友好的用户界面,赢得了大量用...全网优惠分享君阅读 44评论 0赞 0
- 写文章赚钱的公众号:靠谱之路在何方?微信公众号作为自媒体平台的重要一员,吸引了无数写作者投身其中,希望通过文章创作实现经济收益。然而,面对众多以“写文...好项目高省阅读 10评论 0赞 0
- 高仿lv老花包多少钱一个,原版复刻lv售价一览表高仿lv老花包多少钱一个,不同品牌高仿包包的价位不同,高仿品当中一比一与超A货是算好些的,这两种高仿价格就稍高些了...潮奢之家阅读 5评论 0赞 0
- 《时间之间》剧本杀复盘/凶手/剧透/真相/答案/攻略为了你获得更好的游戏体验,本文仅显示《时间之间》剧本杀部分真相复盘,获取完整真相复盘只需两步 ①【微信关注公众号:...VX搜_小燕子复盘阅读 9评论 0赞 0
- 省钱领券的邀请码怎么获得_省钱领券邀请码填什么?省钱领券的邀请码怎么获得_省钱领券邀请码填什么? 一、省钱领券邀请码填什么填多少 1、省钱领券邀请码填写:2222...柚子导师阅读 8评论 0赞 0
推荐阅读 更多精彩内容
- Vue开发常用的框架及案例内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489...秋玄语道阅读 13,555评论 3赞 116
- iOS工具和框架11、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...X先生_未知数的X阅读 15,931评论 3赞 118
- 父亲的银发是我心头的痛文/竹雨清音 阳春三月,...竹雨清音阅读 334评论 0赞 0
- 倾听我与我的内在婚姻题目是几年前在亲子沙龙分享时取的名字。 掐指一算5年光景一晃而过, 而我的婚姻也已步入第16个年头。 16年前自由...夏雪婴阅读 371评论 2赞 1
- 解决winrar右键菜单消失问题右键没了这些?怎么办? 找一个压缩文件用winrar打开 单击菜单栏中的选项→设置→集成→上下文菜单项目教程1.P...wild_w0lf阅读 1,756评论 0赞 0