UI组件

框架

element - 饿了么出品的Vue2的web UI工具套件
mint-ui - Vue 2的移动UI元素
iview - 基于 Vuejs 的开源 UI 组件库
Keen-UI - 轻量级的基本UI组件合集
vue-material - 通过Vue Material和Vue 2建立精美的app应用
muse-ui - 三端样式一致的响应式 UI 库
vuetify - 为移动而生的Vue JS 2组件框架
vonic - 快速构建移动端单页应用
vue-blu - 帮助你轻松创建web应用
vue-multiselect - Vue.js选择框解决方案
VueCircleMenu - 漂亮的vue圆环菜单
vue-chat - vuejs和vuex及webpack的聊天示例
radon-ui - 快速开发产品的Vue组件库
vue-waterfall - Vue.js的瀑布布局组件
vue-carbon - 基于 vue 开发MD风格的移动端
vue-beauty - 由vue和ant design创建的优美UI组件
bootstrap-vue - 应用于Vuejs2的Twitter的Bootstrap 4组件
vueAdmin - 基于vuejs2和element的简单的管理员模板
vue-ztree - 用 vue 写的树层级组件
vue-tree - vue树视图组件
vue-tabs - 多tab页轻型框架

slider

vue-awesome-swiper - vue.js触摸滑动组件
vue-slick - 实现流畅轮播框的vue组件
vue-swipe - VueJS触摸滑块
vue-swiper - 易于使用的滑块组件
vue-images - 显示一组图片的lightbox组件
vue-carousel-3d - VueJS的3D轮播组件
vue-slide - vue轻量级滑动组件
vue-slider - vue 滑动组件
vue-m-carousel - vue 移动端轮播组件
dd-vue-component - 订单来了的公共组件库
vue-easy-slider - Vue 2.x的滑块组件

图表

vue-table - 简化数据表格
vue-chartjs - vue中的Chartjs的封装
vue-charts - 轻松渲染一个图表
vue-chart - 强大的高速的vue图表解析
vue-highcharts - HighCharts组件
chartjs - Vue Bulma的chartjs组件
vue-chartkick - VueJS一行代码实现优美图表

日历

vue-calendar - 日期选择插件
vue-datepicker - 日历和日期选择组件
vue-datetime-picker - 日期时间选择控件
vue2-calendar - 支持lunar和日期事件的日期选择器
vue-fullcalendar - 基于vue.js的全日历组件
vue-datepicker - 漂亮的Vue日期选择器组件
datepicker - 基于flatpickr的时间选择组件
vue2-timepicker - 下拉时间选择器
vue-date-picker - VueJS日期选择器组件
vue-datepicker-simple - 基于vue的日期选择器

地址选择

vue-city - 城市选择器
vue-region-picker - 选择中国的省份市和地区

  

地图

vue-amap - 基于Vue 2和高德地图的地图组件
vue-google-maps - 带有双向数据绑定Google地图组件
vue-baidu-map- 基于 Vue 2的百度地图组件库
vue-cmap - Vue China map可视化组件

  

播放器

vue-video-player - VueJS视频及直播播放器
vue-video - Vue.js的HTML5视频播放器
vue-music-master - vue手机端网页音乐播放器

  

滚动scroll

vue-scroller - Vonic UI的功能性组件
vue-mugen-scroll - 无限滚动组件
vue-infinite-loading - VueJS的无限滚动插件
vue-virtual-scroller - 带任意数目数据的顺畅的滚动
vue-infinite-scroll - VueJS的无限滚动指令
vue-scrollbar - 最简单的滚动区域组件
vue-scroll - vue滚动
vue-pull-to-refresh - Vue2的上拉下拉
mint-loadmore - VueJS的双向下拉刷新组件
vue-smoothscroll - smoothscroll的VueJS版本

  

文件上传

vue-upload-component - Vuejs文件上传组件
vue-core-image-upload - 轻量级的vue上传插件
vue-dropzone - 用于文件上传的Vue组件

  

图片处理

vue-lazyload-img - 移动优化的vue图片懒加载插件
vue-image-crop-upload - vue图片剪裁上传组件
vue-svgicon - 创建svg图标组件的工具
vue-img-loader - 图片加载UI组件
vue-image-clip- 基于vue的图像剪辑组件
vue-progressive-image - Vue的渐进图像加载插件

  

提示

vue-toast-mobile - VueJS的toast插件
vue-msgbox - vuejs的消息框
vue-tooltip - 带绑定信息提示的提示工具
vue-verify-pop - 带气泡提示的vue校验插件

  

进度条

vue-radial-progress - Vue.js放射性进度条组件
vue-progressbar - vue轻量级进度条
vue2-loading-bar - 最简单的仿Youtube加载条视图

  

其他

vue-dragging- 使元素可以拖拽
Vue.Draggable- 实现拖放和视图模型数组同步
vue-picture-input- 移动友好的图片文件输入组件
rubik- 基于Vuejs2的开源 UI 组件库
VueStar- 带星星动画的vue点赞按钮
vue-tables-2- 显示数据的bootstrap样式网格
DataVisualization- 数据可视化
vue-drag-and-drop-list- 创建排序列表的Vue指令
vuwe- 基于微信WeUI所开发的专用于Vue2的组件库
vue-typer- 模拟用户输入选择和删除文本的Vue组件
vue-impression- 移动Vuejs2 UI元素
vue-datatable- 使用Vuejs创建的DataTableView
vue-instant- 轻松创建自动提示的自定义搜索控件
vue-slider-component- 在vue1和vue2中使用滑块
vue-touch-ripple- vuejs的触摸ripple组件
coffeebreak- 实时编辑CSS组件工具
vue-datasource- 创建VueJS动态表格
handsontable- 网页表格组件
vue-bootstrap-table- 可排序可检索的表格
vue-google-signin-button- 导入谷歌登录按钮
vue-float-label- VueJS浮动标签模式
vue-tagsinput- 基于VueJS的标签组件
vue-social-sharing- 社交分享组件
vue-popup-mixin- 用于管理弹出框的遮盖层
cubeex- 包含一套完整的移动UI
vue-fullcalendar- vue FullCalendar封装
vue-material-design- Vue MD风格组件
vue-morris- Vuejs组件封装Morrisjs库
we-vue- Vue2及weui1开发的组件
vue-form-2- 全面的HTML表单管理的解决方案
vue-side-nav- 响应式的侧边导航
mint-indicator- VueJS移动加载指示器插件
vue-ripple- 制作谷歌MD风格涟漪效果的Vue组件
vue-touch-keyboard- VueJS虚拟键盘组件
vue-parallax- 整洁的视觉效果
vue-typewriter- vue组件类型
vue-ios-alertview- iOS7+ 风格的alertview服务
paco-ui-vue- PACOUI的vue组件
vue-button- Vue按钮组件

  

开发框架

vue.js - 流行的轻量高效的前端组件化方案
vue-admin - Vue管理面板框架
electron-vue - Electron及VueJS快速启动样板
vue-2.0-boilerplate - Vue2单页应用样板
vue-webgulp - 仿VueJS Vue loader示例
vue-bulma - 轻量级高性能MVVM Admin UI框架
vue-spa-template - 前后端分离后的单页应用开发
Framework7-Vue - VueJS与Framework7结合
vue-element-starter - vue启动页

  

实用库

vuelidate - 简单轻量级的基于模块的Vue.js验证
qingcheng - qingcheng主题
vuex - 专为 Vue.js 应用程序开发的状态管理模式
vue-axios - 将axios整合到VueJS的封装
vue-desktop - 创建管理面板网站的UI库
vue-meta - 管理app的meta信息
avoriaz - VueJS测试实用工具库
vue-framework7 - 结合VueJS使用的Framework7组件
vue-lazy-render - 用于Vue组件的延迟渲染
vue-svg-icon - vue2的可变彩色svg图标方案
vue-online - reactive的在线和离线组件
vue-password-strength-meter - 交互式密码强度计
vuep - 用实时编辑和预览来渲染Vue组件
vue-bootstrap-modal - vue的Bootstrap样式组件
element-admin - 支持 vuecli 的 Element UI 的后台模板
vue-shortkey - 应用于Vue.js的Vue-ShortKey 插件
cleave - 基于cleave.js的Cleave组件
vue-events - 简化事件的VueJS插件
http-vue-loader - 从html及js环境加载vue文件
vue-electron - 将选择的API封装到Vue对象中的插件
vue-router-transition - 页面过渡插件
vuemit - 处理VueJS事件
vue-cordova - Cordova的VueJS插件
vue-qart - 用于qartjs的Vue2指令
vue-websocket - VueJS的Websocket插件
vue-gesture - VueJS的手势事件插件
vue-local-storage - 具有类型支持的Vuejs本地储存插件
lazy-vue - 懒加载图片
vue-lazyloadImg - 图片懒加载插件
vue-bus - VueJS的事件总线
vue-observe-visibility - 当元素在页面上可见或隐藏时检测
vue-notifications - 非阻塞通知库
v-media-query - vue中添加用于配合媒体查询的方法
vuex-shared-mutations - 分享某种Vuex mutations
vue-lazy-component - 懒加载组件或者元素的Vue指令
vue-reactive-storage - vue插件的Reactive层
vue-ts-loader - 在Vue装载机检查脚本
vue-pagination-2 - 简单通用的分页组件
vuex-i18n - 定位插件
Vue.resize - 检测HTML调整大小事件的vue指令
vue-zoombox - 一个高级zoombox
leo-vue-validator - 异步的表单验证组件
modal - Vue Bulma的modal组件
Famous-Vue - Famous库的vue组件
vue-input-autosize - 基于内容自动调整文本输入的大小
vue-file-base64 - 将文件转换为Base64的vue组件
Vue-Easy-Validator - 简单的表单验证
vue-truncate-filter - 截断字符串的VueJS过滤器

  

Demo示例

eleme - 高仿饿了么app商家详情
NeteaseCloudWebApp - 高仿网易云音乐的webapp
vue-zhihu-daily - 知乎日报 with Vuejs
Vue-cnodejs - 基于vue重写Cnodejs.org的webapp
vue2-demo - 从零构建vue2 + vue-router + vuex 开发环境
vue-wechat - vue.js开发微信app界面
vue-music - Vue 音乐搜索播放
maizuo - vue/vuex/redux仿卖座网
vue-demo - vue简易留言板
spa-starter-kit - 单页应用启动套件
zhihudaily-vue - 知乎日报web版
douban - 模仿豆瓣前端
vue-Meizi - vue最新实战项目
vue-demo-kugou - vuejs仿写酷狗音乐webapp
vue2.0-taopiaopiao - vue2.0与express构建淘票票页面
node-vue-server-webpack - Node.js+Vue.js+webpack快速开发框架
VueDemo_Sell_Eleme - Vue2高仿饿了么外卖平台
vue-leancloud-blog - 一个前后端完全分离的单页应用
vue-fis3 - 流行开源工具集成demo
mi-by-vue - VueJS仿小米官网
vue-demo-maizuo - 使用Vue2全家桶仿制卖座电影
vue2.x-douban - Vue2实现简易豆瓣电影webApp
vue-adminLte-vue-router - vue和adminLte整合应用
vue-zhihudaily - 知乎日报 Web 版本
Zhihu-Daily-Vue.js - Vuejs单页网页应用
vue-axios-github - 登录拦截登出功能
vue2.x-Cnode - 基于vue全家桶的Cnode社区
hello-vue-django - 使用带有Django的vuejs的样板项目
websocket_chat - 基于vue和websocket的多人在线聊天室
x-blog - 开源的个人blog项目
vue-cnode - vue单页应用demo
vue-express-mongodb - 简单的前后端分离案例
photoShare - 基于图片分享的社交平台
notepad - 本地存储的记事本
vue-zhihudaily-2.0 - 使用Vue2.0+vue-router+vuex创建的zhihudaily
vueBlog - 前后端分离博客
Zhihu_Daily - 基于Vue和Nodejs的Web单页应用
vue-ruby-china - VueJS框架搭建的rubychina平台
vue-koa-demo - 使用Vue2和Koa1的全栈demo
life-app-vue - 使用vue2完成多功能集合到小webapp
vue-trip - vue2做的出行webapp
github-explorer - 寻找最有趣的GitHub库
vue-ssr-boilerplate - 精简版的ofvue-hackernews-2
vue-bushishiren - 不是诗人应用
houtai - 基于vue和Element的后台管理系统
ios7-vue - 使用vue2.0 vue-router vuex模拟ios7
Framework7-VueJS - 使用移动框架的示例
cnode-vue - 基于vue和vue-router构建的cnodejs web网站SPA
vue-cli-multipage-bootstrap - 将vue官方在线示例整合到组件中
vue-cnode - 用 Vue 做的 CNode 官网
seeMusic - 跨平台云音乐播放器
HyaReader - 移动友好的阅读器
zhihu-daily - 轻松查看知乎日报内容
vue-cnode - 使用cNode社区提供的接口
zhihu-daily-vue - 知乎日报
vue-dropload - 用以测试下拉加载与简单路由
vue-cnode-mobile - 搭建cnode社区
Vuejs-SalePlatform - vuejs搭建的售卖平台demo
vue-memo - 用 vue写的记事本应用
sls-vuex2-demo - vuex2商城购物车demo
v-notes - 简单美观的记事本
vue-starter - VueJs项目的简单启动页

  

  

2.vue插件总结——总有你能用上的插件的更多相关文章

  1. vue插件总结——总有你能用上的插件

    UI组件 框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - ...

  2. 第三百九十六节,Django+Xadmin打造上线标准的在线教育平台—其他插件使用说,自定义列表页上传插件

    第三百九十六节,Django+Xadmin打造上线标准的在线教育平台—其他插件使用说,自定义列表页上传插件 设置后台列表页面字段统计 在当前APP里的adminx.py文件里的数据表管理器里设置 ag ...

  3. PHP 多图上传,图片批量上传插件,webuploader.js,百度文件上传插件

    PHP  多图上传,图片批量上传插件,webuploader.js,百度文件上传插件(案例教程) WebUploader作用:http://fex.baidu.com/webuploader/gett ...

  4. Vue的移动端多图上传插件vue-easy-uploader

    原文地址 前言 这段时间赶项目,需要用到多文件上传,用Vue进行前端项目开发.在网上找了不少插件,都不是十分满意,有的使用起来繁琐,有的不能适应本项目.就打算自己折腾一下,写一个Vue的上传插件,一劳 ...

  5. 基于element UI 的上传插件

    为了不再重复的上传文件,做了一个统一选择文件和上传文件的 基于 element UI :http://element-cn.eleme.io 前端实现文件下载和拖拽上传 演示 用法 <uploa ...

  6. Bootstrap文件上传插件File Input的使用

    基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用 Bootstrap文件上传插件File Input是一个不错的文件上传控件, ...

  7. vue从入门到进阶:自定义指令directive,插件的封装以及混合mixins(七)

    一.自定义指令directive 除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令.注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件.然而,有的 ...

  8. 如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件

    copy内容的网址: https://segmentfault.com/a/1190000007020623 使用vue-cli构建的vue项目,webpack的配置文件是分散在很多地方的,而我们需要 ...

  9. 基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件

    目录 1. 前言 2. 关于vue-simple-uploader 3. 基于vue-simple-uploader封装全局上传组件 4. 文件上传流程概览 5. 文件分片 6. MD5的计算过程 7 ...

随机推荐

  1. python入门 类的继承和聚合(五)

    继承 class Rocket: def __init__(self, name, distance): self.name = name self.distance = distance def l ...

  2. JDK简介和mac下安装和查看版本命令

    1.什么是JDK? JDK:Java Development Kit,是 Java 语言的软件开发工具包(SDK).没有JDK的话,无法编译Java程序(指java源码.java文件). SE(Jav ...

  3. 自动化测试工具1-testcomplete

    TestComplete是SmartBear公司开发的一套支持自动测试软件的工具.在当今的软件开发中,自动测试非常重要,大型软件开发公司很久以来就已经将其作为软件开发的一项重要环节.然而,自动测试软件 ...

  4. java进行微信h5支付开发

    最近在做微信支付开发用的框架是 srpingMVC mybatis spring 下面是开发流程图 我们只需要开发红色标记的模块就可以了. 具体参数详情可以查看微信开发者文档. 新手第一次写,写的不好 ...

  5. Intellij IDEA 撸码最头大的问题。。

    想栈长我当初从 Eclipse 转用 IDEA 真是纠结,放弃然后尝试了N次,不过现在已经算是转型成功了,可以完全脱离 Eclipse 撸码了,虽然说我现在真的撸得非常少了.. 说到 IDEA 的痛点 ...

  6. Spring Cloud Eureka 注册安全一定要做到位!

    /eureka/ 参考配置如下: defaultZone: http://javastack:javastack@eureka1:8761/eureka/, http://javastack:java ...

  7. Victor and String HDU - 5421 双向回文树

    题意: 有n种操作,开始给你一个空串,给你4中操作 1 c  在字符串的首部添加字符c 2 c  在字符串的尾部添加字符c 3  询问字符中的本质不同的回文串的个数 4 询问字符串中回文串的个数 思路 ...

  8. Jmeter----请求依赖之边界值提取器

    填写左边界和右边界 引用变量名就是要存储的变量名词

  9. ExecutorService线程池submit的使用

    有关线程池ExecutorService,只谈submit的使用 可创建的类型如下: private static ExecutorService pool = Executors.newFixedT ...

  10. 获取linux性能数据

    import reimport osimport sysimport jsonimport socketfrom urllib import request,parseimport urllibfro ...