zoukankan      html  css  js  c++  java
  • 实用的vue插件大汇总

    Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件,来了个大汇总,方便查找使用,便于工作和学习。很全的vue插件汇总,赶紧收藏下吧!

    github上的vue汇总https://github.com/vuejs/awesome-vue#qr-code

    一、UI组件及框架

      element - 饿了么出品的Vue2的web UI工具套件

      mint-ui - Vue 2的移动UI元素

      iview - 基于 Vuejs 的开源 UI 组件库

      vux-ui -Vue.js 移动端 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页轻型框架

    二、滚动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版本

    三、slider组件

      vue-awesome-swiper - vue.js触摸滑动组件,js插件swiper的vue版本

      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-quill-editor - 基于Quill适用于Vue2的富文本编辑器(推荐)

      markcook - 好看的markdown编辑器

      eme - 优雅的Markdown编辑器

      vue-syntax-highlight - Sublime Text语法高亮

      Vueditor - 所见即所得的编辑器

      vue-html5-editor - html5所见即所得编辑器

      vue2-editor - HTML编辑器

      vue-simplemde - VueJS的Markdown编辑器组件

      vue-quill - vue组件构建quill编辑器

    五、图表

      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手机端网页音乐播放器

    十、文件上传

      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的渐进图像加载插件

     viewerjs - 点击图片出现弹窗,弹窗内的图片可以放大、缩小、旋转、移动的图片组件

    十二、提示

      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加载条视图

    十四、分页

      vuejs-paginate   一个简单的分页的组件

      vue-paginate   一个复杂的分页的组件

    十四、拖拽

       Vue.Draggable  -vue组件化的拖拽组件,功能较多

    十四、开发框架汇总

      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启动页

    十五、实用库汇总

      vue-editable - 基于vuejs的快速可编辑插件

      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过滤器十六、服务端

      vue-ssr - 结合Express使用Vue2服务端渲染nuxt.js - 用于服务器渲染Vue app的最小化框架vue-ssr - 非常简单的

      VueJS服务器端渲染模板vue-easy-renderer - Nodejs服务端渲染express-vue - 简单的使用服务器端渲染vue.js

    十七、辅助工具

      NProgress.js - 界面加载进度条 https://www.jianshu.com/p/408583294d61

      DejaVue - Vuejs可视化及压力测试

      vue-generate-component - 轻松生成Vue js组件的CLI工具

      vscode-VueHelper - 目前vscode最好的vue代码提示插件

      vue-play - 展示Vue组件的最小化框架

      VuejsStarterKit - vuejs starter套件

      vue-multipage-cli - 简单的多页CLI

    十八、应用实例

      pagekit - 轻量级的CMS建站系统

      vuedo - 博客平台

      koel - 基于网络的个人音频流媒体服务

      CMS-of-Blog - 博客内容管理器

      vue-cnode - 重写vue版cnode社区

      vue-ghpages-blog - 依赖GitHub Pages无需本地生成的静态博客

      swoole-vue-webim - Web版的聊天应用

      fewords - 功能极其简单的笔记本

      jackblog-vue - 个人博客系统

      vue-blog - 使用Vue2.0 和Vuex的vue-blog

      vue-dashing-js - nuvo-dashing-js的fork

      rss-reader - 简单的rss阅读器

    十九、Demo示例

    https://blog.csdn.net/wh8_2011/article/details/80497620

  • 相关阅读:
    LeetCode 977 有序数组的平方
    LeetCode 24 两两交换链表中的节点
    LeetCode 416 分割等和子集
    LeetCode 142 环形链表II
    LeetCode 106 从中序与后序遍历序列构造二叉树
    LeetCode 637 二叉树的层平均值
    LeetCode 117 填充每个节点的下一个右侧节点
    LeetCode 75 颜色分类
    redhat 7.4 挂载ntfs格式的u盘并且使用
    redhat 查看CPU frequency scaling(CPU频率缩放)
  • 原文地址:https://www.cnblogs.com/aidixie/p/10026590.html
Copyright © 2011-2022 走看看