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. drf 频率组件 META字典详情

    drf频率组件 什么是频率 控制用户对某个url的请求频率,比如一分钟之内,只能访问三次 自定义频率规则 1.取出访问者ip 2.判断当前ip在不在访问字典中: 不在,则添加进去,返回True; 3. ...

  2. Flask-web开发

    使用虚拟环境 虚拟环境使用第三方实用工具virtualenv创建.输入一下命令可以检查系统是否安装了virtualenv virtualenv --version 如果显示错误,你就需要安装这个工具. ...

  3. BZOJ 5442: [Ceoi2018]Global warming

    [l,r]+x不如[l,n]+x [l,r]-x不如(r,n)+x 所以等价于只有[l,n]+x 枚举断点树状数组合并 难度在于想到这个贪心 #include<cstdio> #inclu ...

  4. Python之code对象与pyc文件(三)

    上一节:Python之code对象与pyc文件(二) 向pyc写入字符串 在了解Python如何将字符串写入到pyc文件的机制之前,我们先来了解一下结构体WFILE: marshal.c typede ...

  5. Python使用asyncio+aiohttp异步爬取猫眼电影专业版

    asyncio是从pytohn3.4开始添加到标准库中的一个强大的异步并发库,可以很好地解决python中高并发的问题,入门学习可以参考官方文档 并发访问能极大的提高爬虫的性能,但是requests访 ...

  6. Maven本地库在哪?

    Maven的本地存储库是一个本地文件夹,用于存储你的所有项目的依赖项(插件Jars和其他Maven下载的文件).简单的说,当你建立一个Maven项目,所有依赖文件将存储在Maven的本地库. 默认情况 ...

  7. luogu3381 【模板】最小费用最大流

    每次选代价最小的流增广 #include <iostream> #include <cstring> #include <cstdio> #include < ...

  8. python - 文件处理/open

    # -*- coding:utf-8 -*- '''@project: jiaxy@author: Jimmy@file: study_文件处理.py@ide: PyCharm Community E ...

  9. 实现chrome多用户独立cookie

    2018-02-08 10:58:57 在浏览器设置中添加一个用户并创建桌面快捷方式,属性中我们可以发现 "C:\Program Files (x86)\Google\Chrome\Appl ...

  10. iOS启动动画效果实现

    原理 在window上加一个UIImageView它的图片和启动图的图片一样,然后再调整动画 运行展示 demo百度云连接:http://pan.baidu.com/s/1c0QcYu0 more:网 ...