5款vue前端UI框架

摘要:
Vue.js是一个用于构建用户界面的渐进式框架。实用Vue js组件库可以帮助我们快速设置页面。这里有五个我认为很流行的vue前端ui框架。TOP5——Vue BluVue Blu是一个基于Vuejs和Bulma开发的开源UI组件库。TOP2-iViewiView是一个基于Vue的系统。js的开源UI组件库主要服务于PC界面的中间和后台产品。TOP1-Elementelementui框架的按钮组件。这个来自Elementui前端的开源UI框架一经发布就赢得了大量程序员的青睐。如果你是一个vue开发人员,但没有使用elementUI,那么你必须退出。

Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。

实用的 Vue.js组件库可以帮助我们快速搭建页面,下面介绍小编认为比较受欢迎的五个vue前端ui框架。

TOP5——Vue-Blu

5款vue前端UI框架第1张

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

TOP4——vue-strap

5款vue前端UI框架第2张

基于 Vue.js 的 Bootstrap 组件 该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js组件,喜欢bootstrap的小伙伴可以快速上手。

TOP3——vuetify

5款vue前端UI框架第3张

V 1.0 Alpha 版本提供了超过 80个 reusbale 组件,其中包含一个易于记忆的语义设计,它基于名称简单明了 type-as-you 的类型属性。

在GitHub 上有超过 7K 的 star。

TOP2——iView

5款vue前端UI框架第4张

iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。

使用单文件的 Vue 组件化开发模式 基于 npm + webpack + babel 开发,支持 ES2015 高质量、功能丰富 友好的 API ,自由灵活地使用空间,由TalkingData开发维护。

TOP1——Element

5款vue前端UI框架第5张

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

最后

喜欢文章的小伙伴们麻烦点赞、收藏、关注,欢迎留言讨论,谢谢!

免责声明:文章转载自《5款vue前端UI框架》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇ubuntu linux修改文件所属用户(owner属主)和组(groud属组、用户组)【Redis】Redis5.0的一些新特性下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue 文件上传

  学习参考地址: http://www.cnblogs.com/zhengweijie/p/6922808.html#3920491 依赖js文件: http://files.cnblogs.com/files/zhengweijie/jquery.form.rar HTML 文本内容: <template>   <div id="ac...

VUE自学之路7-vue模版语法(双向数据绑定)

MVVM 含义:数据变化影响视图,视图变化反过来又影响数据。  M(model):即data中的数据变量 V(view):即所写的模块(dom元素) VM(view-model):实现model和view的控制逻辑  实现过程: DOM listeners:监听View的变化,及时告知给Model。 Data Bindings:绑定Model到View,模...

网页兼容性测试(工具使用IETESTER、Firefox、360安全浏览器)

网页兼容性测试主要是针对不同的浏览器进行的测试。由于用户浏览器的不同,往往都会使我们的网页发生页面样式错乱,图片无法显示等问题。对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常显示,因此要对编写出来的网页进行兼容性测试 点击【IETester】图标打开一个窗口,这个窗口跟浏览器类似。创建的浏览器页面默认展示的是IETester Ho...

.NetCore,WebApi简易开发框架搭建

1.首先,新建一个.NetCoreWeb开发项目,选择WebApi 如图所示,新建几个文件夹 本框架使用的ORM为Sqlsugar,直接在依赖项--->管理nuget程序包,搜索Sqlsugar,选择SqlsugarCore,安装 安装好ORM后,我们开始连接数据库 首先写DbContext类 public class DbContext...

vue初级学习--使用 vue-resource 请求数据

一、导语   我发现好像我最近几次写文,都是在7号,很恰巧啊~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 二、正文   最近用vue做一个订单管理混合开发APP,但是遇到个问题,使用了vueResource的post请求,后端做了跨域解决方...

前端框架Vue自学之Vue router小案例TabBar(七)

内容:TabBar设计与实现 正文: TabBar 零、前言(源码) 可以结合源码来看,最后自己实现。源码在我的GitHub上:TabBar源码(Vue-router小案例)。 一、tabbar的基本结构的搭建 1、需求 tabbar就是类似下图的东西。可以让我们传入一些组件,图片,文字等。当我们点击“首页”,显示首页的相关东西;当我们点击‘分类’,显示分...