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. LeetCode(123) Best Time to Buy and Sell Stock III

    题目 Say you have an array for which the ith element is the price of a given stock on day i. Design an ...

  2. 通过SWD J-Link使用J-Link RTT Viewer来查看打印日志

    详细的说明可以参考:https://www.cnblogs.com/iini/p/9279618.html sdk版本: 15.2.0 例程目录:\nRF5_SDK_15.2.0_9412b96\ex ...

  3. Divisibility by 25 CodeForces - 988E

    You are given an integer nn from 11 to 10181018 without leading zeroes. In one move you can swap any ...

  4. poj 2229 拆数问题 dp算法

    题意:一个n可以拆成 2的幂的和有多少种 思路:先看实例 1   1 2    1+1     2 3     1+1+1  1+2 4      1+1+1+1  1+1+2  2+2  4 5  ...

  5. Linux磁盘简介

    为一台服务器添加三块磁盘的体系结构情况 Linux系统中用free  -l 查看磁盘的状况 说明:   1)buffers为写入缓冲区,sync将缓冲区数据写入磁盘,cache为读出缓存. 2)cac ...

  6. C++智能指针实现

    #include <iostream> #include <string> #define unsigned int size_t using namespace std; / ...

  7. luogu4173 残缺的字符串

    there #include <algorithm> #include <iostream> #include <cstring> #include <cst ...

  8. 【转】hibernate延迟加载和抓取策略

    一.延迟加载 1.简单查询get,load 针对对象本身延迟或即时 当使用load方法来得到一个对象时,此时hibernate会使用延迟加载的机制来加载这个对象,即:当我们使用session.load ...

  9. Resource 定位、BeanDefinition 的载入和解析,BeanDefinition 注册。

    在前文提过,IOC 容器的初始化过程分为三步骤:Resource 定位.BeanDefinition 的载入和解析,BeanDefinition 注册. Resource 定位.我们一般用外部资源来描 ...

  10. [SDOI2011] 消防 (树的直径,尺取法)

    题目链接 Solution 同 \(NOIP2007\) 树网的核 . 令 \(dist_u\) 为以 \(u\) 为根节点的子树中与 \(u\) 的最大距离. \(~~~~dis_u\) 为 \(u ...