vue常用插件_vue插件-程序员宅基地

技术标签: 前端  vue.js  javascript  

一、UI组件及框架

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

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

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

  4. Keen-UI - 轻量级的基本UI组件合集

  5. vue-material - 通过Vue Material和Vue 2建立精美的app应用

  6. muse-ui - 三端样式一致的响应式 UI 库

  7. vuetify - 为移动而生的Vue JS 2组件框架

  8. vonic - 快速构建移动端单页应用

  9. vue-blu - 帮助你轻松创建web应用

  10. vue-multiselect - Vue.js选择框解决方案

  11. VueCircleMenu - 漂亮的vue圆环菜单

  12. vue-chat - vuejs和vuex及webpack的聊天示例

  13. radon-ui - 快速开发产品的Vue组件库

  14. vue-waterfall - Vue.js的瀑布布局组件

  15. vue-carbon - 基于 vue 开发MD风格的移动端

  16. vue-beauty - 由vue和ant design创建的优美UI组件

  17. bootstrap-vue - 应用于Vuejs2的Twitter的Bootstrap 4组件

  18. vueAdmin - 基于vuejs2和element的简单的管理员模板

  19. vue-ztree - 用 vue 写的树层级组件

  20. vue-tree - vue树视图组件

  21. vue-tabs - 多tab页轻型框架

二、滚动scroll组件

  1. vue-scroller - Vonic UI的功能性组件

  2. vue-mugen-scroll - 无限滚动组件

  3. vue-infinite-loading - VueJS的无限滚动插件

  4. vue-virtual-scroller - 带任意数目数据的顺畅的滚动

  5. vue-infinite-scroll - VueJS的无限滚动指令

  6. vue-scrollbar - 最简单的滚动区域组件

  7. vue-scroll - vue滚动

  8. vue-pull-to-refresh - Vue2的上拉下拉

  9. mint-loadmore - VueJS的双向下拉刷新组件

  10. vue-smoothscroll - smoothscroll的VueJS版本

三、slider组件

  1. vue-awesome-swiper - vue.js触摸滑动组件

  2. vue-slick - 实现流畅轮播框的vue组件

  3. vue-swipe - VueJS触摸滑块

  4. vue-swiper - 易于使用的滑块组件

  5. vue-images - 显示一组图片的lightbox组件

  6. vue-carousel-3d - VueJS的3D轮播组件

  7. vue-slide - vue轻量级滑动组件

  8. vue-slider - vue 滑动组件

  9. vue-m-carousel - vue 移动端轮播组件

  10. dd-vue-component - 订单来了的公共组件库

  11. vue-easy-slider - Vue 2.x的滑块组件

四、编辑器

  1. markcook - 好看的markdown编辑器

  2. eme - 优雅的Markdown编辑器

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

  4. vue-quill-editor - 基于Quill适用于Vue2的富文本编辑器

  5. Vueditor - 所见即所得的编辑器

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

  7. vue2-editor - HTML编辑器

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

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

五、图表

  1. vue-table - 简化数据表格

  2. vue-chartjs - vue中的Chartjs的封装

  3. vue-charts - 轻松渲染一个图表

  4. vue-chart - 强大的高速的vue图表解析

  5. vue-highcharts - HighCharts组件

  6. chartjs - Vue Bulma的chartjs组件

  7. vue-chartkick - VueJS一行代码实现优美图表

六、日历

  1. vue-calendar - 日期选择插件

  2. vue-datepicker - 日历和日期选择组件

  3. vue-datetime-picker - 日期时间选择控件

  4. vue2-calendar - 支持lunar和日期事件的日期选择器

  5. vue-fullcalendar - 基于vue.js的全日历组件

  6. vue-datepicker - 漂亮的Vue日期选择器组件

  7. datepicker - 基于flatpickr的时间选择组件

  8. vue2-timepicker - 下拉时间选择器

  9. vue-date-picker - VueJS日期选择器组件

  10. vue-datepicker-simple - 基于vue的日期选择器

七、地址选择

  1. vue-city - 城市选择器

  2. vue-region-picker - 选择中国的省份市和地区

八、地图

  1. vue-amap - 基于Vue 2和高德地图的地图组件

  2. vue-google-maps - 带有双向数据绑定Google地图组件

  3. vue-baidu-map- 基于 Vue 2的百度地图组件库

  4. vue-cmap - Vue China map可视化组件

九、播放器

  1. vue-video-player - VueJS视频及直播播放器

  2. vue-video - Vue.js的HTML5视频播放器

  3. vue-music-master - vue手机端网页音乐播放器

十、文件上传

  1. vue-upload-component - Vuejs文件上传组件

  2. vue-core-image-upload - 轻量级的vue上传插件

  3. vue-dropzone - 用于文件上传的Vue组件

十一、图片处理

  1. vue-lazyload-img - 移动优化的vue图片懒加载插件

  2. vue-image-crop-upload - vue图片剪裁上传组件

  3. vue-svgicon - 创建svg图标组件的工具

  4. vue-img-loader - 图片加载UI组件

  5. vue-image-clip- 基于vue的图像剪辑组件

  6. vue-progressive-image - Vue的渐进图像加载插件

十二、提示

  1. vue-toast-mobile - VueJS的toast插件

  2. vue-msgbox - vuejs的消息框

  3. vue-tooltip - 带绑定信息提示的提示工具

  4. vue-verify-pop - 带气泡提示的vue校验插件

十三、进度条

  1. vue-radial-progress - Vue.js放射性进度条组件

  2. vue-progressbar - vue轻量级进度条

  3. vue2-loading-bar - 最简单的仿Youtube加载条视图

十四、开发框架汇总

  1. vue-admin - Vue管理面板框架

  2. electron-vue - Electron及VueJS快速启动样板

  3. vue-2.0-boilerplate - Vue2单页应用样板

  4. vue-webgulp - 仿VueJS Vue loader示例

  5. vue-bulma - 轻量级高性能MVVM Admin UI框架

  6. vue-spa-template - 前后端分离后的单页应用开发

  7. Framework7-Vue - VueJS与Framework7结合

  8. vue-element-starter - vue启动页

十五、实用库汇总

  1. vuelidate - 简单轻量级的基于模块的Vue.js验证

  2. qingcheng - qingcheng主题

  3. vuex - 专为 Vue.js 应用程序开发的状态管理模式

  4. vue-axios - 将axios整合到VueJS的封装

  5. vue-desktop - 创建管理面板网站的UI库

  6. vue-meta - 管理app的meta信息

  7. avoriaz - VueJS测试实用工具库

  8. vue-framework7 - 结合VueJS使用的Framework7组件

  9. vue-lazy-render - 用于Vue组件的延迟渲染

  10. vue-svg-icon - vue2的可变彩色svg图标方案

  11. vue-online - reactive的在线和离线组件

  12. vue-password-strength-meter - 交互式密码强度计

  13. vuep - 用实时编辑和预览来渲染Vue组件

  14. vue-bootstrap-modal - vue的Bootstrap样式组件

  15. element-admin - 支持 vuecli 的 Element UI 的后台模板

  16. vue-shortkey - 应用于Vue.js的Vue-ShortKey 插件

  17. cleave - 基于cleave.js的Cleave组件

  18. vue-events - 简化事件的VueJS插件

  19. http-vue-loader - 从html及js环境加载vue文件

  20. vue-electron - 将选择的API封装到Vue对象中的插件

  21. vue-router-transition - 页面过渡插件

  22. vuemit - 处理VueJS事件

  23. vue-cordova - Cordova的VueJS插件

  24. vue-qart - 用于qartjs的Vue2指令

  25. vue-websocket - VueJS的Websocket插件

  26. vue-gesture - VueJS的手势事件插件

  27. vue-local-storage - 具有类型支持的Vuejs本地储存插件

  28. lazy-vue - 懒加载图片

  29. vue-lazyloadImg - 图片懒加载插件

  30. vue-bus - VueJS的事件总线

  31. vue-observe-visibility - 当元素在页面上可见或隐藏时检测

  32. vue-notifications - 非阻塞通知库

  33. v-media-query - vue中添加用于配合媒体查询的方法

  34. vuex-shared-mutations - 分享某种Vuex mutations

  35. vue-lazy-component - 懒加载组件或者元素的Vue指令

  36. vue-reactive-storage - vue插件的Reactive层

  37. vue-ts-loader - 在Vue装载机检查脚本

  38. vue-pagination-2 - 简单通用的分页组件

  39. vuex-i18n - 定位插件

  40. Vue.resize - 检测HTML调整大小事件的vue指令

  41. vue-zoombox - 一个高级zoombox

  42. leo-vue-validator - 异步的表单验证组件

  43. modal - Vue Bulma的modal组件

  44. Famous-Vue - Famous库的vue组件

  45. vue-input-autosize - 基于内容自动调整文本输入的大小

  46. vue-file-base64 - 将文件转换为Base64的vue组件

  47. Vue-Easy-Validator - 简单的表单验证

  48. vue-truncate-filter - 截断字符串的VueJS过滤器

十六、服务端

  1. vue-*** - 结合Express使用Vue2服务端渲染

  2. nuxt.js - 用于服务器渲染Vue app的最小化框架

  3. vue-*** - 非常简单的VueJS服务器端渲染模板

  4. vue-easy-renderer - Nodejs服务端渲染

  5. express-vue - 简单的使用服务器端渲染vue.js

十七、辅助工具

  1. DejaVue - Vuejs可视化及压力测试

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

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

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

  5. VuejsStarterKit - vuejs starter套件

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

十八、应用实例

  1. pagekit - 轻量级的CMS建站系统

  2. vuedo - 博客平台

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

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

  5. vue-cnode - 重写vue版cnode社区

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

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

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

  9. jackblog-vue - 个人博客系统

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

  11. vue-dashing-js - nuvo-dashing-js的fork

  12. rss-reader - 简单的rss阅读器

十九、Demo示例

  1. eleme - 高仿饿了么app商家详情

  2. NeteaseCloudWebApp - 高仿网易云音乐的webapp

  3. vue-zhihu-daily - 知乎日报 with Vuejs

  4. Vue-cnodejs - 基于vue重写Cnodejs.org的webapp

  5. vue2-demo - 从零构建vue2 + vue-router + vuex 开发环境

  6. vue-wechat - vue.js开发微信app界面

  7. vue-music - Vue 音乐搜索播放

  8. maizuo - vue/vuex/redux仿卖座网

  9. vue-demo - vue简易留言板

  10. spa-starter-kit - 单页应用启动套件

  11. zhihudaily-vue - 知乎日报web版

  12. douban - 模仿豆瓣前端

  13. vue-Meizi - vue最新实战项目

  14. vue-demo-kugou - vuejs仿写酷狗音乐webapp

  15. vue2.0-taopiaopiao - vue2.0与express构建淘票票页面

  16. node-vue-server-webpack - Node.js+Vue.js+webpack快速开发框架

  17. VueDemo_Sell_Eleme - Vue2高仿饿了么外卖平台

  18. vue-leancloud-blog - 一个前后端完全分离的单页应用

  19. vue-fis3 - 流行开源工具集成demo

  20. mi-by-vue - VueJS仿小米官网

  21. vue-demo-maizuo - 使用Vue2全家桶仿制卖座电影

  22. vue2.x-douban - Vue2实现简易豆瓣电影webApp

  23. vue-adminLte-vue-router - vue和adminLte整合应用

  24. vue-zhihudaily - 知乎日报 Web 版本

  25. Zhihu-Daily-Vue.js - Vuejs单页网页应用

  26. vue-axios-github - 登录拦截登出功能

  27. vue2.x-Cnode - 基于vue全家桶的Cnode社区

  28. hello-vue-django - 使用带有Django的vuejs的样板项目

  29. websocket_chat - 基于vue和websocket的多人在线聊天室

  30. x-blog - 开源的个人blog项目

  31. vue-cnode - vue单页应用demo

  32. vue-express-mongodb - 简单的前后端分离案例

  33. photoShare - 基于图片分享的社交平台

  34. notepad - 本地存储的记事本

  35. vue-zhihudaily-2.0 - 使用Vue2.0+vue-router+vuex创建的zhihudaily

  36. vueBlog - 前后端分离博客

  37. Zhihu_Daily - 基于Vue和Nodejs的Web单页应用

  38. vue-ruby-china - VueJS框架搭建的rubychina平台

  39. vue-koa-demo - 使用Vue2和Koa1的全栈demo

  40. life-app-vue - 使用vue2完成多功能集合到小webapp

  41. vue-trip - vue2做的出行webapp

  42. github-explorer - 寻找最有趣的GitHub库

  43. vue-***-boilerplate - 精简版的ofvue-hackernews-2

  44. vue-bushishiren - 不是诗人应用

  45. houtai - 基于vue和Element的后台管理系统

  46. ios7-vue - 使用vue2.0 vue-router vuex模拟ios7

  47. Framework7-VueJS - 使用移动框架的示例

  48. cnode-vue - 基于vue和vue-router构建的cnodejs web网站SPA

  49. vue-cli-multipage-bootstrap - 将vue官方在线示例整合到组件中

  50. vue-cnode - 用 Vue 做的 CNode 官网

  51. seeMusic - 跨平台云音乐播放器

  52. HyaReader - 移动友好的阅读器

  53. zhihu-daily - 轻松查看知乎日报内容

  54. vue-cnode - 使用cNode社区提供的接口

  55. zhihu-daily-vue - 知乎日报

  56. vue-dropload - 用以测试下拉加载与简单路由

  57. vue-cnode-mobile - 搭建cnode社区

  58. Vuejs-SalePlatform - vuejs搭建的售卖平台demo

  59. vue-memo - 用 vue写的记事本应用

  60. sls-vuex2-demo - vuex2商城购物车demo

  61. v-notes - 简单美观的记事本

  62. vue-starter - VueJs项目的简单启动页

    二十、其他实用插件汇总

  63. vue-dragging- 使元素可以拖拽

  64. Vue.Draggable- 实现拖放和视图模型数组同步

  65. vue-picture-input- 移动友好的图片文件输入组件

  66. rubik- 基于Vuejs2的开源 UI 组件库

  67. VueStar- 带星星动画的vue点赞按钮

  68. vue-tables-2- 显示数据的bootstrap样式网格

  69. DataVisualization- 数据可视化

  70. vue-drag-and-drop-list- 创建排序列表的Vue指令

  71. vuwe- 基于微信WeUI所开发的专用于Vue2的组件库

  72. vue-typer- 模拟用户输入选择和删除文本的Vue组件

  73. vue-impression- 移动Vuejs2 UI元素

  74. vue-datatable- 使用Vuejs创建的DataTableView

  75. vue-instant- 轻松创建自动提示的自定义搜索控件

  76. vue-slider-component- 在vue1和vue2中使用滑块

  77. vue-touch-ripple- vuejs的触摸ripple组件

  78. coffeebreak- 实时编辑CSS组件工具

  79. vue-datasource- 创建VueJS动态表格

  80. handsontable- 网页表格组件

  81. vue-bootstrap-table- 可排序可检索的表格

  82. vue-google-signin-button- 导入谷歌登录按钮

  83. vue-float-label- VueJS浮动标签模式

  84. vue-tagsinput- 基于VueJS的标签组件

  85. vue-social-sharing- 社交分享组件

  86. vue-popup-mixin- 用于管理弹出框的遮盖层

  87. cubeex- 包含一套完整的移动UI

  88. vue-fullcalendar- vue FullCalendar封装

  89. vue-material-design- Vue MD风格组件

  90. vue-morris- Vuejs组件封装Morrisjs库

  91. we-vue- Vue2及weui1开发的组件

  92. vue-form-2- 全面的HTML表单管理的解决方案

  93. vue-side-nav- 响应式的侧边导航

  94. mint-indicator- VueJS移动加载指示器插件

  95. vue-ripple- 制作谷歌MD风格涟漪效果的Vue组件

  96. vue-touch-keyboard- VueJS虚拟键盘组件

  97. vue-parallax- 整洁的视觉效果

  98. vue-typewriter- vue组件类型

  99. vue-ios-alertview- iOS7+ 风格的alertview服务

  100. paco-ui-vue- PACOUI的vue组件

  101. vue-button- Vue按钮组件

UI组件

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

  • Vux - 基于Vue和WeUI的组件库

  • 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 - 快速构建移动端单页应用

  • eme - 优雅的Markdown编辑器

  • vue-multiselect - Vue.js选择框解决方案

  • vue-table - 简化数据表格

  • VueCircleMenu - 漂亮的vue圆环菜单

  • vue-chat - vuejs和vuex及webpack的聊天示例

  • radon-ui - 快速开发产品的Vue组件库

  • vue-waterfall - Vue.js的瀑布布局组件

  • vue-carbon - 基于 vue 开发MD风格的移动端

  • vue-beauty - 由vue和ant design创建的优美UI组件

  • vue-blu - 帮助你轻松创建web应用

  • vueAdmin - 基于vuejs2和element的简单的管理员模板

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

  • vue-infinite-scroll - VueJS的无限滚动指令

  • Vue.Draggable - 实现拖放和视图模型数组同步

  • vue-awesome-swiper - vue.js触摸滑动组件

  • vue-calendar - 日期选择插件

  • bootstrap-vue - 应用于Vuejs2的Twitter的Bootstrap 4组件

  • vue-swipe - VueJS触摸滑块

  • vue-amap - 基于Vue 2和高德地图的地图组件

  • vue-chartjs - vue中的Chartjs的封装

  • vue-datepicker - 日历和日期选择组件

  • markcook - 好看的markdown编辑器

  • vue-google-maps - 带有双向数据绑定Google地图组件

  • vue-progressbar - vue轻量级进度条

  • vue-picture-input - 移动友好的图片文件输入组件

  • vue-infinite-loading - VueJS的无限滚动插件

  • vue-upload-component - Vuejs文件上传组件

  • vue-datetime-picker - 日期时间选择控件

  • vue-scroller - Vonic UI的功能性组件

  • vue2-calendar - 支持lunar和日期事件的日期选择器

  • vue-video-player - VueJS视频及直播播放器

  • vue-fullcalendar - 基于vue.js的全日历组件

  • rubik - 基于Vuejs2的开源 UI 组件库

  • VueStar - 带星星动画的vue点赞按钮

  • vue-mugen-scroll - 无限滚动组件

  • mint-loadmore - VueJS的双向下拉刷新组件

  • vue-tables-2 - 显示数据的bootstrap样式网格

  • vue-virtual-scroller - 带任意数目数据的顺畅的滚动

  • DataVisualization - 数据可视化

  • vue-quill-editor - 基于Quill适用于Vue2的富文本编辑器

  • Vueditor - 所见即所得的编辑器

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

  • vue-msgbox - vuejs的消息框

  • vue-slider - vue 滑动组件

  • vue-core-image-upload - 轻量级的vue上传插件

  • vue-slide - vue轻量级滑动组件

  • vue-lazyload-img - 移动优化的vue图片懒加载插件

  • vue-drag-and-drop-list - 创建排序列表的Vue指令

  • vue-progressive-image - Vue的渐进图像加载插件

  • vuwe - 基于微信WeUI所开发的专用于Vue2的组件库

  • vue-dropzone - 用于文件上传的Vue组件

  • vue-charts - 轻松渲染一个图表

  • vue-swiper - 易于使用的滑块组件

  • vue-images - 显示一组图片的lightbox组件

  • vue-carousel-3d - VueJS的3D轮播组件

  • vue-region-picker - 选择中国的省份市和地区

  • vue-typer - 模拟用户输入选择和删除文本的Vue组件

  • vue-impression - 移动Vuejs2 UI元素

  • vue-datatable - 使用Vuejs创建的DataTableView

  • vue-instant - 轻松创建自动提示的自定义搜索控件

  • vue-dragging - 使元素可以拖拽

  • vue-slider-component - 在vue1和vue2中使用滑块

  • vue2-loading-bar - 最简单的仿Youtube加载条视图

  • vue-datepicker - 漂亮的Vue日期选择器组件

  • vue-video - Vue.js的HTML5视频播放器

  • vue-toast-mobile - VueJS的toast插件

  • vue-image-crop-upload - vue图片剪裁上传组件

  • vue-tooltip - 带绑定信息提示的提示工具

  • vue-highcharts - HighCharts组件

  • vue-touch-ripple - vuejs的触摸ripple组件

  • coffeebreak - 实时编辑CSS组件工具

  • vue-datasource - 创建VueJS动态表格

  • vue2-timepicker - 下拉时间选择器

  • vue-date-picker - VueJS日期选择器组件

  • vue-scrollbar - 最简单的滚动区域组件

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

  • vue-google-signin-button - 导入谷歌登录按钮

  • vue-svgicon - 创建svg图标组件的工具

  • vue-float-label - VueJS浮动标签模式

  • vue-baidu-map - 基于 Vue 2的百度地图组件库

  • vue-social-sharing - 社交分享组件

  • vue2-editor - HTML编辑器

  • vue-tagsinput - 基于VueJS的标签组件

  • vue-easy-slider - Vue 2.x的滑块组件

  • datepicker - 基于flatpickr的时间选择组件

  • vue-chart - 强大的高速的vue图表解析

  • vue-music-master - vue手机端网页音乐播放器

  • handsontable - 网页表格组件

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

  • vue-popup-mixin - 用于管理弹出框的遮盖层

  • cubeex - 包含一套完整的移动UI

  • vue-fullcalendar - vue FullCalendar封装

  • vue-material-design - Vue MD风格组件

  • vue-morris - Vuejs组件封装Morrisjs库

  • we-vue - Vue2及weui1开发的组件

  • vue-image-clip - 基于vue的图像剪辑组件

  • vue-bootstrap-table - 可排序可检索的表格

  • vue-radial-progress - Vue.js放射性进度条组件

  • vue-slick - 实现流畅轮播框的vue组件

  • vue-pull-to-refresh - Vue2的上拉下拉

  • vue-form-2 - 全面的HTML表单管理的解决方案

  • vue-side-nav - 响应式的侧边导航

  • mint-indicator - VueJS移动加载指示器插件

  • chartjs - Vue Bulma的chartjs组件

  • vue-scroll - vue滚动

  • vue-ripple - 制作谷歌MD风格涟漪效果的Vue组件

  • vue-touch-keyboard - VueJS虚拟键盘组件

  • vue-chartkick - VueJS一行代码实现优美图表

  • vue-ztree - 用 vue 写的树层级组件

  • vue-m-carousel - vue 移动端轮播组件

  • vue-datepicker-simple - 基于vue的日期选择器

  • vue-tabs - 多tab页轻型框架

  • vue-verify-pop - 带气泡提示的vue校验插件

  • vue-parallax - 整洁的视觉效果

  • vue-img-loader - 图片加载UI组件

  • vue-typewriter - vue组件类型

  • vue-smoothscroll - smoothscroll的VueJS版本

  • vue-city - 城市选择器

  • vue-tree - vue树视图组件

  • vue-ios-alertview - iOS7+ 风格的alertview服务

  • dd-vue-component - 订单来了的公共组件库

  • paco-ui-vue - PACOUI的vue组件

  • vue-cmap - Vue China map可视化组件

  • vue-button - Vue按钮组件

开发框架

  • vue.js - 流行的轻量高效的前端组件化方案

  • vue-admin - Vue管理面板框架

  • electron-vue - Electron及VueJS快速启动样板

  • vue-2.0-boilerplate - Vue2单页应用样板

  • vue-spa-template - 前后端分离后的单页应用开发

  • Framework7-Vue - VueJS与Framework7结合

  • vue-bulma - 轻量级高性能MVVM Admin UI框架

  • vue-webgulp - 仿VueJS Vue loader示例

  • vue-element-starter - vue启动页

实用库

  • vuex - 专为 Vue.js 应用程序开发的状态管理模式

  • vuelidate - 简单轻量级的基于模块的Vue.js验证

  • qingcheng - qingcheng主题

  • vue-desktop - 创建管理面板网站的UI库

  • vue-meta - 管理app的meta信息

  • vue-axios - 将axios整合到VueJS的封装

  • vue-svg-icon - vue2的可变彩色svg图标方案

  • avoriaz - VueJS测试实用工具库

  • vue-framework7 - 结合VueJS使用的Framework7组件

  • vue-bootstrap-modal - vue的Bootstrap样式组件

  • vuep - 用实时编辑和预览来渲染Vue组件

  • vue-online - reactive的在线和离线组件

  • vue-lazy-render - 用于Vue组件的延迟渲染

  • vue-password-strength-meter - 交互式密码强度计

  • element-admin - 支持 vuecli 的 Element UI 的后台模板

  • vue-electron - 将选择的API封装到Vue对象中的插件

  • cleave - 基于cleave.js的Cleave组件

  • vue-events - 简化事件的VueJS插件

  • vue-shortkey - 应用于Vue.js的Vue-ShortKey 插件

  • vue-cordova - Cordova的VueJS插件

  • vue-router-transition - 页面过渡插件

  • vue-gesture - VueJS的手势事件插件

  • http-vue-loader - 从html及js环境加载vue文件

  • vue-qart - 用于qartjs的Vue2指令

  • vuemit - 处理VueJS事件

  • vue-websocket - VueJS的Websocket插件

  • vue-local-storage - 具有类型支持的Vuejs本地储存插件

  • lazy-vue - 懒加载图片

  • vue-bus - VueJS的事件总线

  • vue-reactive-storage - vue插件的Reactive层

  • vue-notifications - 非阻塞通知库

  • vue-lazy-component - 懒加载组件或者元素的Vue指令

  • v-media-query - vue中添加用于配合媒体查询的方法

  • vue-observe-visibility - 当元素在页面上可见或隐藏时检测

  • vue-ts-loader - 在Vue装载机检查脚本

  • vue-pagination-2 - 简单通用的分页组件

  • vuex-i18n - 定位插件

  • Vue.resize - 检测HTML调整大小事件的vue指令

  • vuex-shared-mutations - 分享某种Vuex mutations

  • vue-file-base64 - 将文件转换为Base64的vue组件

  • modal - Vue Bulma的modal组件

  • Famous-Vue - Famous库的vue组件

  • leo-vue-validator - 异步的表单验证组件

  • Vue-Easy-Validator - 简单的表单验证

  • vue-truncate-filter - 截断字符串的VueJS过滤器

  • vue-zoombox - 一个高级zoombox

  • vue-input-autosize - 基于内容自动调整文本输入的大小

  • vue-lazyloadImg - 图片懒加载插件

服务端

  • nuxt.js - 用于服务器渲染Vue app的最小化框架

  • express-vue - 简单的使用服务器端渲染vue.js

  • vue-*** - 非常简单的VueJS服务器端渲染模板

  • vue-*** - 结合Express使用Vue2服务端渲染

  • vue-easy-renderer - Nodejs服务端渲染

辅助工具

  • DejaVue - Vuejs可视化及压力测试

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

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

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

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

  • VuejsStarterKit - vuejs starter套件

应用实例

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

  • pagekit - 轻量级的CMS建站系统

  • vuedo - 博客平台

  • jackblog-vue - 个人博客系统

  • vue-cnode - 重写vue版cnode社区

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

  • rss-reader - 简单的rss阅读器

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

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

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

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

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

Demo示例

  • Vue-cnodejs - 基于vue重写Cnodejs.org的webapp

  • NeteaseCloudWebApp - 高仿网易云音乐的webapp

  • vue-zhihu-daily - 知乎日报 with Vuejs

  • vue-wechat - vue.js开发微信app界面

  • vue2-demo - 从零构建vue2 + vue-router + vuex 开发环境

  • eleme - 高仿饿了么app商家详情

  • vue-demo - vue简易留言板

  • maizuo - vue/vuex/redux仿卖座网

  • spa-starter-kit - 单页应用启动套件

  • vue-music - Vue 音乐搜索播放

  • douban - 模仿豆瓣前端

  • vue-Meizi - vue最新实战项目

  • zhihudaily-vue - 知乎日报web版

  • vue-demo-kugou - vuejs仿写酷狗音乐webapp

  • VueDemo_Sell_Eleme - Vue2高仿饿了么外卖平台

  • vue2.0-taopiaopiao - vue2.0与express构建淘票票页面

  • vue-leancloud-blog - 一个前后端完全分离的单页应用

  • node-vue-server-webpack - Node.js+Vue.js+webpack快速开发框架

  • mi-by-vue - VueJS仿小米官网

  • vue-fis3 - 流行开源工具集成demo

  • vue2.x-douban - Vue2实现简易豆瓣电影webApp

  • vue-demo-maizuo - 使用Vue2全家桶仿制卖座电影

  • vue-zhihudaily - 知乎日报 Web 版本

  • vue-adminLte-vue-router - vue和adminLte整合应用

  • vue-axios-github - 登录拦截登出功能

  • Zhihu-Daily-Vue.js - Vuejs单页网页应用

  • hello-vue-django - 使用带有Django的vuejs的样板项目

  • vue-cnode - vue单页应用demo

  • x-blog - 开源的个人blog项目

  • vue-express-mongodb - 简单的前后端分离案例

  • websocket_chat - 基于vue和websocket的多人在线聊天室

  • photoShare - 基于图片分享的社交平台

  • vue-zhihudaily-2.0 - 使用Vue2.0+vue-router+vuex创建的zhihudaily

  • notepad - 本地存储的记事本

  • vueBlog - 前后端分离博客

  • vue-ruby-china - VueJS框架搭建的rubychina平台

  • Zhihu_Daily - 基于Vue和Nodejs的Web单页应用

  • vue-koa-demo - 使用Vue2和Koa1的全栈demo

  • vue2.x-Cnode - 基于vue全家桶的Cnode社区

  • life-app-vue - 使用vue2完成多功能集合到小webapp

  • github-explorer - 寻找最有趣的GitHub库

  • vue-trip - vue2做的出行webapp

  • vue-***-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 官网

  • HyaReader - 移动友好的阅读器

  • zhihu-daily - 轻松查看知乎日报内容

  • seeMusic - 跨平台云音乐播放器

  • vue-cnode - 使用cNode社区提供的接口

  • zhihu-daily-vue - 知乎日报

  • sls-vuex2-demo - vuex2商城购物车demo

  • vue-dropload - 用以测试下拉加载与简单路由

  • vue-cnode-mobile - 搭建cnode社区

  • Vuejs-SalePlatform - vuejs搭建的售卖平台demo

  • v-notes - 简单美观的记事本

  • vue-starter - VueJs项目的简单启动页

  • vue-memo - 用 vue写的记事本应用

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/beifanggongy/article/details/129661207

智能推荐

JWT(Json Web Token)实现无状态登录_无状态token登录-程序员宅基地

文章浏览阅读685次。1.1.什么是有状态?有状态服务,即服务端需要记录每次会话的客户端信息,从而识别客户端身份,根据用户身份进行请求的处理,典型的设计如tomcat中的session。例如登录:用户登录后,我们把登录者的信息保存在服务端session中,并且给用户一个cookie值,记录对应的session。然后下次请求,用户携带cookie值来,我们就能识别到对应session,从而找到用户的信息。缺点是什么?服务端保存大量数据,增加服务端压力 服务端保存用户状态,无法进行水平扩展 客户端请求依赖服务.._无状态token登录

SDUT OJ逆置正整数-程序员宅基地

文章浏览阅读293次。SDUT OnlineJudge#include<iostream>using namespace std;int main(){int a,b,c,d;cin>>a;b=a%10;c=a/10%10;d=a/100%10;int key[3];key[0]=b;key[1]=c;key[2]=d;for(int i = 0;i<3;i++){ if(key[i]!=0) { cout<<key[i.

年终奖盲区_年终奖盲区表-程序员宅基地

文章浏览阅读2.2k次。年终奖采用的平均每月的收入来评定缴税级数的,速算扣除数也按照月份计算出来,但是最终减去的也是一个月的速算扣除数。为什么这么做呢,这样的收的税更多啊,年终也是一个月的收入,凭什么减去12*速算扣除数了?这个霸道(不要脸)的说法,我们只能合理避免的这些跨级的区域了,那具体是那些区域呢?可以参考下面的表格:年终奖一列标红的一对便是盲区的上下线,发放年终奖的数额一定一定要避免这个区域,不然公司多花了钱..._年终奖盲区表

matlab 提取struct结构体中某个字段所有变量的值_matlab读取struct类型数据中的值-程序员宅基地

文章浏览阅读7.5k次,点赞5次,收藏19次。matlab结构体struct字段变量值提取_matlab读取struct类型数据中的值

Android fragment的用法_android reader fragment-程序员宅基地

文章浏览阅读4.8k次。1,什么情况下使用fragment通常用来作为一个activity的用户界面的一部分例如, 一个新闻应用可以在屏幕左侧使用一个fragment来展示一个文章的列表,然后在屏幕右侧使用另一个fragment来展示一篇文章 – 2个fragment并排显示在相同的一个activity中,并且每一个fragment拥有它自己的一套生命周期回调方法,并且处理它们自己的用户输_android reader fragment

FFT of waveIn audio signals-程序员宅基地

文章浏览阅读2.8k次。FFT of waveIn audio signalsBy Aqiruse An article on using the Fast Fourier Transform on audio signals. IntroductionThe Fast Fourier Transform (FFT) allows users to view the spectrum content of _fft of wavein audio signals

随便推点

Awesome Mac:收集的非常全面好用的Mac应用程序、软件以及工具_awesomemac-程序员宅基地

文章浏览阅读5.9k次。https://jaywcjlove.github.io/awesome-mac/ 这个仓库主要是收集非常好用的Mac应用程序、软件以及工具,主要面向开发者和设计师。有这个想法是因为我最近发了一篇较为火爆的涨粉儿微信公众号文章《工具武装的前端开发工程师》,于是建了这么一个仓库,持续更新作为补充,搜集更多好用的软件工具。请Star、Pull Request或者使劲搓它 issu_awesomemac

java前端技术---jquery基础详解_简介java中jquery技术-程序员宅基地

文章浏览阅读616次。一.jquery简介 jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互 jQuery 的功能概括1、html 的元素选取2、html的元素操作3、html dom遍历和修改4、js特效和动画效果5、css操作6、html事件操作7、ajax_简介java中jquery技术

Ant Design Table换滚动条的样式_ant design ::-webkit-scrollbar-corner-程序员宅基地

文章浏览阅读1.6w次,点赞5次,收藏19次。我修改的是表格的固定列滚动而产生的滚动条引用Table的组件的css文件中加入下面的样式:.ant-table-body{ &amp;amp;::-webkit-scrollbar { height: 5px; } &amp;amp;::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box..._ant design ::-webkit-scrollbar-corner

javaWeb毕设分享 健身俱乐部会员管理系统【源码+论文】-程序员宅基地

文章浏览阅读269次。基于JSP的健身俱乐部会员管理系统项目分享:见文末!

论文开题报告怎么写?_开题报告研究难点-程序员宅基地

文章浏览阅读1.8k次,点赞2次,收藏15次。同学们,是不是又到了一年一度写开题报告的时候呀?是不是还在为不知道论文的开题报告怎么写而苦恼?Take it easy!我带着倾尽我所有开题报告写作经验总结出来的最强保姆级开题报告解说来啦,一定让你脱胎换骨,顺利拿下开题报告这个高塔,你确定还不赶快点赞收藏学起来吗?_开题报告研究难点

原生JS 与 VUE获取父级、子级、兄弟节点的方法 及一些DOM对象的获取_获取子节点的路径 vue-程序员宅基地

文章浏览阅读6k次,点赞4次,收藏17次。原生先获取对象var a = document.getElementById("dom");vue先添加ref <div class="" ref="divBox">获取对象let a = this.$refs.divBox获取父、子、兄弟节点方法var b = a.childNodes; 获取a的全部子节点 var c = a.parentNode; 获取a的父节点var d = a.nextSbiling; 获取a的下一个兄弟节点 var e = a.previ_获取子节点的路径 vue