Vue常用UI框架

PC端:
1. ElementUI:http://element-cn.eleme.io/#/zh-CN
2. iView:https://www.iviewui.com/
3. VueStrap:http://yuche.github.io/vue-strap/
4. VueAdmin:https://admin.vuebulma.com/#/
5. KeenUi:https://josephuspaye.github.io/Keen-UI/#
6. VueMDL:http://posva.net/vue-mdl/
7. BootStrapVue:https://bootstrap-vue.github.io/docs
8. Vue-Blu:https://chenz24.github.io/vue-blu/#/
9. Vuikit:https://vuikit.js.org/#/
移动端:
1. Vux:https://vux.li/#/
2. Mint-UI:http://mint-ui.github.io/#!/zh-cn
3. Vonic:https://wangdahoo.github.io/vonic-documents/#/
4. Vum:http://getvum.com/
5. Vue-Carbon:https://myronliu347.github.io/vue-carbon/book/v0.5.0/
6. YDUI:http://vue.ydui.org/docs/#/
7. VuWe:https://vuwe.github.io/vuwe/doc.html#/
8. WE-Vue:https://github.com/tianyong90/we-vue
9. Vue Material:https://vuematerial.github.io/#/getting-started
10. Muse-UI:http://www.muse-ui.org/#/index
11. Vuetify:https://vuetifyjs.com
12. Radon UI:https://luojilab.github.io/radon-ui/#!/
13. RUBIK:https://ccforward.github.io/rubik/#/
14. OnsenUI-Vue:https://onsen.io/v2/docs/guide/vue/
15. Quasar:http://quasar-framework.org/guide/index.html
16. Framework7-Vue:http://vue.framework7.cn/
17. Vant:https://www.youzanyun.com/zanui/vant#/zh-CN/intro

具体详见下面

Element(start-28128)

饿了么前端推出的基于 Vue.js 2.0 的后台组件库,它能够帮助你更轻松更快速地开发 web 项目

官网地址 element.eleme.io/


iview(start-15674)

iview一套基于 Vue.js 的高质量 UI 组件库,友好的 API ,自由灵活地使用空间,细致、漂亮的 UI。由TalkingData开发维护,有很多知名互联网企业都在使用

官网地址iviewui.com/

vuetify(start-11449) 一个为 Vue JS 2.0 打造的 Material 风格的组件库,喜欢material design的朋友可以去尝试一下 官网地址vuetifyjs.com/

vue-strap(start-4752)

基于 Vue.js 的 Bootstrap 组件 该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。所以不需要 jQuery 和 Bootstrap 的 JavaScript 文件,唯一需要依赖的是: Vue.js (要求版本为 ^0.12,基于 0.12.10 版本做的测试) Bootstrap CSS (需要版本为 3.x.x, 基于 3.3.5 版本做的测试)。 VueStrap 不依赖某个非常精确的 Bootstrap 版本。如果喜欢bootstrap的小伙伴又不想换jquery的开发方式是不二的选择。 官网地址yuche.github.io/vue-strap/


cube-ui(start-3583)

滴滴团队开发的一套基于 Vue.js 实现的精致移动端组件库

官网地址 didi.github.io/cube-ui/#/z…


buefy(start-3086) 基于 Bulma 的 Vue.js 轻量级 UI 组件库, 全英文版

官网地址buefy.github.io/#/


vue-beauty(start-1569)

基于 ant design 的漂亮的 vue 组件库

官网地址 fe-driver.github.io/vue-beauty/…


vue-storefront(star-1567)

Vue.js Storefront - 将 PWA 集成到电子商务的框架,支持离线访问 官网地址 vuestorefront.io/


at-ui(star-1423) 一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站产品

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


Vue-Blu(star-1358)

基于 Vue.js(2.x) 和 Bulma 的 UI 组件库

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

大家可以从中挑选适合自己项目的框架进行使用

vue框架及其的更多相关文章

  1. Vue框架Element的事件传递broadcast和dispatch方法分析

    前言 最近在学习饿了么的Vue前端框架Element,发现其源码中大量使用了$broadcast和$dispatch方法,而Element使用的是Vue2.0版本,众所周知在Vue 1.0升级到2.0 ...

  2. 使用vue框架运行npm run dev 时报错解决

    使用使用vue框架运行npm run dev 时报错 如下: 原因: localhost:8080 有可能其他软件占用了,导致其他问题的出现 我们可以动态修改地址 解决: 进入项目文件的config文 ...

  3. Vue框架下的node.js安装教程

    Vue框架下的node.js安装教程 python服务器.php  ->aphche.java ->tomcat.   iis -->它是一个可以运行JAVASCRIPTR 的运行环 ...

  4. Vue框架axios请求(类似于ajax请求)

    Vue框架axios get请求(类似于ajax请求) 首先介绍下,这个axios请求最明显的地方,通过这个请求进行提交的时候页面不会刷新 <!DOCTYPE html> <html ...

  5. Vue框架之双向绑定事件

    Vue框架之双向绑定事件 首先介绍下Vue框架的语法 vue通过 {{temp}} 来渲染变量 {{count+100}} # 求和 v-text # 为标签插入text文本 v-html # 为标签 ...

  6. Vue框架

    Vue框架 环境: windows python3.6.2 Vue的cdn: <script src="https://cdn.jsdelivr.net/npm/vue"&g ...

  7. vue框架入门和ES6介绍

    vue框架入门和ES6介绍 vue-mvvm模式,vue是一种轻量级的前端框架,主要为模板渲染,数据同步,组件化,模块化,路由等. https://cn.vuejs.org/ 源码:https://g ...

  8. 基于VUE框架 与 其他框架间的基本对比

    基于VUE框架的基本描述 与 其他框架间的基本对比 2018-11-03  11:01:14 A B React React 和 Vue 有许多相似之处,它们都有: 使用 Virtual DOM 提供 ...

  9. VUE框架的初识

    VUE框架的初识 初步了解Vue.js框架(渐进式前端框架) Vue.js是一种轻量级的前端MVVM框架.同时吸收了React(组件化)和Angular(灵活指令页面操作)的优点.是一套构建用户界面的 ...

  10. vue框架中的日期组件转换为yyy-mm-dd格式

    最近在用vue框架写一个app,这个是用到的日期格式转换,把下面的标准格式转换为字符串连接格式

随机推荐

  1. socketserver的使用

    socketserver底层也是使用线程实现的并发,直接上代码 # server import socketserver ''' socketserver使用模式: 1 功能类 class Myser ...

  2. 监控网络流量iftop和nethogs安装

    服务器环境是centos7,centos下通常使用iftop,或者nethogs来进行网络流量监控.这2个工具都需要先安装epel,因为这个库通常操作系统是不自带的.那么就先安装epel,使用的命令是 ...

  3. 某比赛小记1- 挑选第N大数字

    题目:给1000个数字(有重复),从小到大排列后,挑选第N个数字. 数字文件如下:numbers.rar ,挑选第727个数字. java版本: //数组初始化 String str = " ...

  4. TCP的三次握手和四次握手

    三次握手(建立连接) 首先,服务器进程(B)先创建传控制块TCB(用来存储连接信息,如连接表,发送和接收序号等),准备接收客户进程(A)的请求.然后服务器进程处于LISTEN(收听)状态,等待客户的连 ...

  5. FCKeditor自定义编辑区CSS样式

    在网站后台使用FCKeditor编辑器的时候,见到的效果可能并不完全是”所见即所得”的,因为如果在FCKeditor编辑区中使用了前台样式表中的样式,在编辑区中并不能把这些样式显示出来.解决这个问题的 ...

  6. ogre3D学习基础11 -- 交换两个场景管理器

    这一节,练习一下前几次学习的内容,功能很简单,就是建立两个不同的场景管理器,当按下键盘上某个键时切换镜头. 基本框架不变,这个监听器继承了两个父类,一个是我们的老朋友ExampleFrameListe ...

  7. selenium - 常用等待操作

    # 4. 等待操作 # 强制等待from time import sleepsleep(10) # 隐性等待# 设置最长等待时间,在这个时间在只要有个时间点加载完成,则执行下一步代码,比sleep智能 ...

  8. .net SignalR 聊天室

    代码地址:https://gitee.com/srnsrn/netSignalr.git 运行项目打开多个页面 私密聊天

  9. 九度oj 题目1357:疯狂地Jobdu序列

    题目描述: 阳仔作为OJ的数据管理员,每一周的题目录入都让其很抓狂,因为题目不是他出的,他控制不了出题的速度……在等题目的时候,阳仔又不敢出去打篮球,所以只能在纸上乱涂乱写,这天,阳仔在纸上写下了这样 ...

  10. 【bzoj4269】再见Xor 高斯消元求线性基

    题目描述 给定N个数,你可以在这些数中任意选一些数出来,每个数可以选任意多次,试求出你能选出的数的异或和的最大值和严格次大值. 输入 第一行一个正整数N. 接下来一行N个非负整数. 输出 一行,包含两 ...