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. OpenCV中图像的读取,显示与保存

      图像的读取,显示与保存 相关函数:cv2.imread().cv2.imshow().cv2.imwrite() 1.读入图像: 用cv2.imread()函数来读取图像,cv2.imread(路 ...

  2. Linux学习-备份策略

    每部主机的任务都不相同,重要的数据也不相同,重要性也不一样,因此,每个人的备份思考角度都不一样! 备份分为两大部分,一个是每日备份经常性变动的重要数据, 一个则是每周备份就不常变动的信息.这个时候我就 ...

  3. c++ override 关键字

    描述:override保留字表示当前函数重写了基类的虚函数. 目的:1.在函数比较多的情况下可以提示读者某个函数重写了基类虚函数(表示这个虚函数是从基类继承,不是派生类自己定义的):2.强制编译器检查 ...

  4. Selenium WebDriver- 操作frame中的页面元素

    #encoding=utf-8 import unittest import time from selenium import webdriver from selenium.webdriver i ...

  5. python week08 并发编程之多线程--理论部分

    一. 什么是线程 1.定义 线程就像一条工厂车间里的流水线,一个车间里可以用很多流水线,来执行生产每个零部件的任务. 所以车间可以看作是进程,流水线可以看作是线程.(进程是资源单位,线程是执行单位) ...

  6. Shape,expand_dims,slice基本用法

    import tensorflow as tf t = tf.constant([[[1, 1, 1], [2, 2, 2]], [[3, 3, 3], [4, 4, 4]], [[5, 5, 5], ...

  7. 让读者快速了解RocketMQ消息中间件需要解决哪些问题

    本文首先引出消息中间件通常需要解决哪些问题,在解决这些问题当中会遇到什么困难,Apache RocketMQ作为阿里开源的一款高性能.高吞吐量的分布式消息中间件否可以解决,规范中如何定义这些问题.然后 ...

  8. Leetcode 115 Distinct Subsequences 解题报告

    Distinct Subsequences Total Accepted: 38466 Total Submissions: 143567My Submissions Question Solutio ...

  9. NOJ——1672剪绳子(博弈)

    [1672] 剪绳子 时间限制: 500 ms 内存限制: 65535 K 问题描述 已知长度为n的线圈,两人依次截取1~m的长度,n, m为整数,不能取者为输. 输入 输入n, m:( 0 < ...

  10. [USACO12DEC]第一!First! (Trie树,拓扑排序)

    题目链接 Solution 感觉比较巧的题啊... 考虑几点: 可以交换无数次字母表,即字母表可以为任意形态. 对于以其他字符串为前缀的字符串,我们可以直接舍去. 因为此时它所包含的前缀的字典序绝对比 ...