Vue开源项目库汇总
lishanhoog
8年前
<p>awesome-github-vue 是由 <a href="/misc/goto?guid=4959733651825845586">OpenDigg</a> 整理并维护的Vue相关开源项目库集合。</p> <p>如果收录的项目有错误,可以通过 <a href="/misc/goto?guid=4959740436099866237" rel="nofollow,noindex">issue</a> 反馈给我们。这里的项目Star数不是实时更新的,一般是一周更新一次。</p> <h2>内容</h2> <ul> <li>UI组件</li> <li>开发框架</li> <li>实用库</li> <li>服务端</li> <li>辅助工具</li> <li>应用实例</li> <li>Demo示例</li> </ul> <h3>UI组件</h3> <ul> <li><a href="/misc/goto?guid=4959740436179943323" rel="nofollow,noindex">element</a> ★9305 - 饿了么出品的Vue2的web UI工具套件</li> <li><a href="/misc/goto?guid=4959669316027212866" rel="nofollow,noindex">Vux</a> ★6802 - 基于Vue和WeUI的组件库</li> <li><a href="/misc/goto?guid=4959740436301376676" rel="nofollow,noindex">mint-ui</a> ★4776 - Vue 2的移动UI元素</li> <li><a href="/misc/goto?guid=4959740436386791229" rel="nofollow,noindex">iview</a> ★4458 - 基于 Vuejs 的开源 UI 组件库</li> <li><a href="/misc/goto?guid=4959737773658832318" rel="nofollow,noindex">Keen-UI</a> ★2363 - 轻量级的基本UI组件合集</li> <li><a href="/misc/goto?guid=4959740436492328310" rel="nofollow,noindex">vue-material</a> ★2207 - 通过Vue Material和Vue 2建立精美的app应用</li> <li><a href="/misc/goto?guid=4959740436582150947" rel="nofollow,noindex">muse-ui</a> ★1992 - 三端样式一致的响应式 UI 库</li> <li><a href="/misc/goto?guid=4959740436663026699" rel="nofollow,noindex">vuetify</a> ★1678 - 为移动而生的Vue JS 2组件框架</li> <li><a href="/misc/goto?guid=4959740436750802727" rel="nofollow,noindex">vonic</a> ★1494 - 快速构建移动端单页应用</li> <li><a href="/misc/goto?guid=4959740436835354641" rel="nofollow,noindex">eme</a> ★1390 - 优雅的Markdown编辑器</li> <li><a href="/misc/goto?guid=4959740436930646657" rel="nofollow,noindex">vue-multiselect</a> ★1166 - Vue.js选择框解决方案</li> <li><a href="/misc/goto?guid=4959740437008403622" rel="nofollow,noindex">vue-table</a> ★824 - 简化数据表格</li> <li><a href="/misc/goto?guid=4959740437107623527" rel="nofollow,noindex">VueCircleMenu</a> ★776 - 漂亮的vue圆环菜单</li> <li><a href="/misc/goto?guid=4959740437177348088" rel="nofollow,noindex">vue-chat</a> ★748 - vuejs和vuex及webpack的聊天示例</li> <li><a href="/misc/goto?guid=4959740437264384693" rel="nofollow,noindex">radon-ui</a> ★633 - 快速开发产品的Vue组件库</li> <li><a href="/misc/goto?guid=4959740437355739218" rel="nofollow,noindex">vue-waterfall</a> ★605 - Vue.js的瀑布布局组件</li> <li><a href="/misc/goto?guid=4959740437441008431" rel="nofollow,noindex">vue-carbon</a> ★595 - 基于 vue 开发MD风格的移动端</li> <li><a href="/misc/goto?guid=4959740437527926915" rel="nofollow,noindex">vue-beauty</a> ★569 - 由vue和ant design创建的优美UI组件</li> <li><a href="/misc/goto?guid=4959740437603045492" rel="nofollow,noindex">vue-blu</a> ★557 - 帮助你轻松创建web应用</li> <li><a href="/misc/goto?guid=4959740437694280557" rel="nofollow,noindex">vueAdmin</a> ★556 - 基于vuejs2和element的简单的管理员模板</li> <li><a href="/misc/goto?guid=4959740437773813551" rel="nofollow,noindex">vue-syntax-highlight</a> ★551 - Sublime Text语法高亮</li> <li><a href="/misc/goto?guid=4959740437861813141" rel="nofollow,noindex">vue-infinite-scroll</a> ★524 - VueJS的无限滚动指令</li> <li><a href="/misc/goto?guid=4959740437942753110" rel="nofollow,noindex">Vue.Draggable</a> ★493 - 实现拖放和视图模型数组同步</li> <li><a href="/misc/goto?guid=4959740438030517985" rel="nofollow,noindex">vue-awesome-swiper</a> ★476 - vue.js触摸滑动组件</li> <li><a href="/misc/goto?guid=4959651285478676792" rel="nofollow,noindex">vue-calendar</a> ★465 - 日期选择插件</li> <li><a href="/misc/goto?guid=4959740438132337669" rel="nofollow,noindex">bootstrap-vue</a> ★458 - 应用于Vuejs2的推ter的Bootstrap 4组件</li> <li><a href="/misc/goto?guid=4959740438223475411" rel="nofollow,noindex">vue-swipe</a> ★361 - VueJS触摸滑块</li> <li><a href="/misc/goto?guid=4959740438304504277" rel="nofollow,noindex">vue-amap</a> ★346 - 基于Vue 2和高德地图的地图组件</li> <li><a href="/misc/goto?guid=4959740438387969976" rel="nofollow,noindex">vue-chartjs</a> ★333 - vue中的Chartjs的封装</li> <li><a href="/misc/goto?guid=4959740438467841242" rel="nofollow,noindex">vue-datepicker</a> ★331 - 日历和日期选择组件</li> <li><a href="/misc/goto?guid=4959657117237664738" rel="nofollow,noindex">markcook</a> ★318 - 好看的markdown编辑器</li> <li><a href="/misc/goto?guid=4959740438588716919" rel="nofollow,noindex">vue-google-maps</a> ★287 - 带有双向数据绑定Google地图组件</li> <li><a href="/misc/goto?guid=4959740438675788543" rel="nofollow,noindex">vue-progressbar</a> ★248 - vue轻量级进度条</li> <li><a href="/misc/goto?guid=4959740438760412576" rel="nofollow,noindex">vue-picture-input</a> ★236 - 移动友好的图片文件输入组件</li> <li><a href="/misc/goto?guid=4959740438852198126" rel="nofollow,noindex">vue-infinite-loading</a> ★224 - VueJS的无限滚动插件</li> <li><a href="/misc/goto?guid=4959740438944438820" rel="nofollow,noindex">vue-upload-component</a> ★204 - Vuejs文件上传组件</li> <li><a href="/misc/goto?guid=4959740439028358541" rel="nofollow,noindex">vue-datetime-picker</a> ★197 - 日期时间选择控件</li> <li><a href="/misc/goto?guid=4959740439105436782" rel="nofollow,noindex">vue-scroller</a> ★196 - Vonic UI的功能性组件</li> <li><a href="/misc/goto?guid=4959740439204342904" rel="nofollow,noindex">vue2-calendar</a> ★181 - 支持lunar和日期事件的日期选择器</li> <li><a href="/misc/goto?guid=4959740439282277905" rel="nofollow,noindex">vue-video-player</a> ★178 - VueJS视频及直播播放器</li> <li><a href="/misc/goto?guid=4959740439380021384" rel="nofollow,noindex">vue-fullcalendar</a> ★176 - 基于vue.js的全日历组件</li> <li><a href="/misc/goto?guid=4959734817316512793" rel="nofollow,noindex">rubik</a> ★170 - 基于Vuejs2的开源 UI 组件库</li> <li><a href="/misc/goto?guid=4959740439491164703" rel="nofollow,noindex">VueStar</a> ★169 - 带星星动画的vue点赞按钮</li> <li><a href="/misc/goto?guid=4959740439589503039" rel="nofollow,noindex">vue-mugen-scroll</a> ★167 - 无限滚动组件</li> <li><a href="/misc/goto?guid=4959740439668466083" rel="nofollow,noindex">mint-loadmore</a> ★167 - VueJS的双向下拉刷新组件</li> <li><a href="/misc/goto?guid=4959740439756018560" rel="nofollow,noindex">vue-tables-2</a> ★162 - 显示数据的bootstrap样式网格</li> <li><a href="/misc/goto?guid=4959740439826657809" rel="nofollow,noindex">vue-virtual-scroller</a> ★158 - 带任意数目数据的顺畅的滚动</li> <li><a href="/misc/goto?guid=4959740439923500157" rel="nofollow,noindex">DataVisualization</a> ★149 - 数据可视化</li> <li><a href="/misc/goto?guid=4959740433501916282" rel="nofollow,noindex">vue-quill-editor</a> ★149 - 基于Quill适用于Vue2的富文本编辑器</li> <li><a href="/misc/goto?guid=4959740440041879996" rel="nofollow,noindex">Vueditor</a> ★138 - 所见即所得的编辑器</li> <li><a href="/misc/goto?guid=4959740440127140931" rel="nofollow,noindex">vue-html5-editor</a> ★132 - html5所见即所得编辑器</li> <li><a href="/misc/goto?guid=4959740440205521523" rel="nofollow,noindex">vue-msgbox</a> ★127 - vuejs的消息框</li> <li><a href="/misc/goto?guid=4959740440302923021" rel="nofollow,noindex">vue-slider</a> ★126 - vue 滑动组件</li> <li><a href="/misc/goto?guid=4959740433662008293" rel="nofollow,noindex">vue-core-image-upload</a> ★124 - 轻量级的vue上传插件</li> <li><a href="/misc/goto?guid=4959740440408910297" rel="nofollow,noindex">vue-slide</a> ★121 - vue轻量级滑动组件</li> <li><a href="/misc/goto?guid=4959740440496929159" rel="nofollow,noindex">vue-lazyload-img</a> ★118 - 移动优化的vue图片懒加载插件</li> <li><a href="/misc/goto?guid=4959740440582337052" rel="nofollow,noindex">vue-drag-and-drop-list</a> ★114 - 创建排序列表的Vue指令</li> <li><a href="/misc/goto?guid=4959740440665728585" rel="nofollow,noindex">vue-progressive-image</a> ★107 - Vue的渐进图像加载插件</li> <li><a href="/misc/goto?guid=4959740440764750599" rel="nofollow,noindex">vuwe</a> ★107 - 基于微信WeUI所开发的专用于Vue2的组件库</li> <li><a href="/misc/goto?guid=4959740440845635159" rel="nofollow,noindex">vue-dropzone</a> ★105 - 用于文件上传的Vue组件</li> <li><a href="/misc/goto?guid=4959740440928554297" rel="nofollow,noindex">vue-charts</a> ★101 - 轻松渲染一个图表</li> <li><a href="/misc/goto?guid=4959740441021199771" rel="nofollow,noindex">vue-swiper</a> ★95 - 易于使用的滑块组件</li> <li><a href="/misc/goto?guid=4959740441103934034" rel="nofollow,noindex">vue-images</a> ★93 - 显示一组图片的lightbox组件</li> <li><a href="/misc/goto?guid=4959740441196028825" rel="nofollow,noindex">vue-carousel-3d</a> ★91 - VueJS的3D轮播组件</li> <li><a href="/misc/goto?guid=4959740441294109192" rel="nofollow,noindex">vue-region-picker</a> ★89 - 选择中国的省份市和地区</li> <li><a href="/misc/goto?guid=4959740441373025920" rel="nofollow,noindex">vue-typer</a> ★89 - 模拟用户输入选择和删除文本的Vue组件</li> <li><a href="/misc/goto?guid=4959740441460387212" rel="nofollow,noindex">vue-impression</a> ★88 - 移动Vuejs2 UI元素</li> <li><a href="/misc/goto?guid=4959740441548964269" rel="nofollow,noindex">vue-datatable</a> ★87 - 使用Vuejs创建的DataTableView</li> <li><a href="/misc/goto?guid=4959740441631391709" rel="nofollow,noindex">vue-instant</a> ★86 - 轻松创建自动提示的自定义搜索控件</li> <li><a href="/misc/goto?guid=4959740441725938071" rel="nofollow,noindex">vue-dragging</a> ★86 - 使元素可以拖拽</li> <li><a href="/misc/goto?guid=4959740441807655783" rel="nofollow,noindex">vue-slider-component</a> ★85 - 在vue1和vue2中使用滑块</li> <li><a href="/misc/goto?guid=4959740441903818017" rel="nofollow,noindex">vue2-loading-bar</a> ★76 - 最简单的仿油Tube加载条视图</li> <li><a href="/misc/goto?guid=4959740441983951564" rel="nofollow,noindex">vue-datepicker</a> ★75 - 漂亮的Vue日期选择器组件</li> <li><a href="/misc/goto?guid=4959740442068793962" rel="nofollow,noindex">vue-video</a> ★70 - Vue.js的HTML5视频播放器</li> <li><a href="/misc/goto?guid=4959740442146495473" rel="nofollow,noindex">vue-toast-mobile</a> ★68 - VueJS的toast插件</li> <li><a href="/misc/goto?guid=4959740442234682370" rel="nofollow,noindex">vue-image-crop-upload</a> ★67 - vue图片剪裁上传组件</li> <li><a href="/misc/goto?guid=4959740442322379864" rel="nofollow,noindex">vue-tooltip</a> ★66 - 带绑定信息提示的提示工具</li> <li><a href="/misc/goto?guid=4959740442397108346" rel="nofollow,noindex">vue-highcharts</a> ★66 - HighCharts组件</li> <li><a href="/misc/goto?guid=4959740442482517581" rel="nofollow,noindex">vue-touch-ripple</a> ★62 - vuejs的触摸ripple组件</li> <li><a href="/misc/goto?guid=4959740442568183023" rel="nofollow,noindex">coffeebreak</a> ★61 - 实时编辑CSS组件工具</li> <li><a href="/misc/goto?guid=4959740433424427831" rel="nofollow,noindex">vue-datasource</a> ★60 - 创建VueJS动态表格</li> <li><a href="/misc/goto?guid=4959740442686251220" rel="nofollow,noindex">vue2-timepicker</a> ★60 - 下拉时间选择器</li> <li><a href="/misc/goto?guid=4959740442763974223" rel="nofollow,noindex">vue-date-picker</a> ★59 - VueJS日期选择器组件</li> <li><a href="/misc/goto?guid=4959740442855006718" rel="nofollow,noindex">vue-scrollbar</a> ★58 - 最简单的滚动区域组件</li> <li><a href="/misc/goto?guid=4959740442937156036" rel="nofollow,noindex">vue-quill</a> ★56 - vue组件构建quill编辑器</li> <li><a href="/misc/goto?guid=4959740443028105756" rel="nofollow,noindex">vue-google-signin-button</a> ★55 - 导入谷歌登录按钮</li> <li><a href="/misc/goto?guid=4959740443117302975" rel="nofollow,noindex">vue-svgicon</a> ★53 - 创建svg图标组件的工具</li> <li><a href="/misc/goto?guid=4959740443192772933" rel="nofollow,noindex">vue-float-label</a> ★49 - VueJS浮动标签模式</li> <li><a href="/misc/goto?guid=4959740443279777900" rel="nofollow,noindex">vue-baidu-map</a> ★46 - 基于 Vue 2的百度地图组件库</li> <li><a href="/misc/goto?guid=4959740443362815780" rel="nofollow,noindex">vue-social-sharing</a> ★45 - 社交分享组件</li> <li><a href="/misc/goto?guid=4959740443438636255" rel="nofollow,noindex">vue2-editor</a> ★44 - HTML编辑器</li> <li><a href="/misc/goto?guid=4959740443517627154" rel="nofollow,noindex">vue-tagsinput</a> ★41 - 基于VueJS的标签组件</li> <li><a href="/misc/goto?guid=4959740443600711125" rel="nofollow,noindex">vue-easy-slider</a> ★41 - Vue 2.x的滑块组件</li> <li><a href="/misc/goto?guid=4959740443677368052" rel="nofollow,noindex">datepicker</a> ★38 - 基于flatpickr的时间选择组件</li> <li><a href="/misc/goto?guid=4959740443752593167" rel="nofollow,noindex">vue-chart</a> ★37 - 强大的高速的vue图表解析</li> <li><a href="/misc/goto?guid=4959740443836482894" rel="nofollow,noindex">vue-music-master</a> ★37 - vue手机端网页音乐播放器</li> <li><a href="/misc/goto?guid=4959740443924723040" rel="nofollow,noindex">handsontable</a> ★35 - 网页表格组件</li> <li><a href="/misc/goto?guid=4959740433578735173" rel="nofollow,noindex">vue-simplemde</a> ★35 - VueJS的Markdown编辑器组件</li> <li><a href="/misc/goto?guid=4959740444030917325" rel="nofollow,noindex">vue-popup-mixin</a> ★35 - 用于管理弹出框的遮盖层</li> <li><a href="/misc/goto?guid=4959740444115840503" rel="nofollow,noindex">cubeex</a> ★33 - 包含一套完整的移动UI</li> <li><a href="/misc/goto?guid=4959740444189727775" rel="nofollow,noindex">vue-fullcalendar</a> ★32 - vue FullCalendar封装</li> <li><a href="/misc/goto?guid=4959740444273265610" rel="nofollow,noindex">vue-material-design</a> ★32 - Vue MD风格组件</li> <li><a href="/misc/goto?guid=4959740444358358588" rel="nofollow,noindex">vue-morris</a> ★31 - Vuejs组件封装Morrisjs库</li> <li><a href="/misc/goto?guid=4959740444448321069" rel="nofollow,noindex">we-vue</a> ★30 - Vue2及weui1开发的组件</li> <li><a href="/misc/goto?guid=4959740444517919104" rel="nofollow,noindex">vue-image-clip</a> ★29 - 基于vue的图像剪辑组件</li> <li><a href="/misc/goto?guid=4959740444607052818" rel="nofollow,noindex">vue-bootstrap-table</a> ★29 - 可排序可检索的表格</li> <li><a href="/misc/goto?guid=4959740444682710931" rel="nofollow,noindex">vue-radial-progress</a> ★28 - Vue.js放射性进度条组件</li> <li><a href="/misc/goto?guid=4959740444763886021" rel="nofollow,noindex">vue-slick</a> ★28 - 实现流畅轮播框的vue组件</li> <li><a href="/misc/goto?guid=4959740444847511496" rel="nofollow,noindex">vue-pull-to-refresh</a> ★27 - Vue2的上拉下拉</li> <li><a href="/misc/goto?guid=4959740444931453559" rel="nofollow,noindex">vue-form-2</a> ★26 - 全面的HTML表单管理的解决方案</li> <li><a href="/misc/goto?guid=4959740445010550885" rel="nofollow,noindex">vue-side-nav</a> ★26 - 响应式的侧边导航</li> <li><a href="/misc/goto?guid=4959740445092894004" rel="nofollow,noindex">mint-indicator</a> ★26 - VueJS移动加载指示器插件</li> <li><a href="/misc/goto?guid=4959740445161686307" rel="nofollow,noindex">chartjs</a> ★24 - Vue Bulma的chartjs组件</li> <li><a href="/misc/goto?guid=4959740445241587719" rel="nofollow,noindex">vue-scroll</a> ★24 - vue滚动</li> <li><a href="/misc/goto?guid=4959740445323733236" rel="nofollow,noindex">vue-ripple</a> ★24 - 制作谷歌MD风格涟漪效果的Vue组件</li> <li><a href="/misc/goto?guid=4959740445406170234" rel="nofollow,noindex">vue-touch-keyboard</a> ★22 - VueJS虚拟键盘组件</li> <li><a href="/misc/goto?guid=4959740445488333713" rel="nofollow,noindex">vue-chartkick</a> ★22 - VueJS一行代码实现优美图表</li> <li><a href="/misc/goto?guid=4959740445566317420" rel="nofollow,noindex">vue-ztree</a> ★21 - 用 vue 写的树层级组件</li> <li><a href="/misc/goto?guid=4959740445647307514" rel="nofollow,noindex">vue-m-carousel</a> ★20 - vue 移动端轮播组件</li> <li><a href="/misc/goto?guid=4959740445730078031" rel="nofollow,noindex">vue-datepicker-simple</a> ★20 - 基于vue的日期选择器</li> <li><a href="/misc/goto?guid=4959740445800508105" rel="nofollow,noindex">vue-tabs</a> ★20 - 多tab页轻型框架</li> <li><a href="/misc/goto?guid=4959740445888857727" rel="nofollow,noindex">vue-verify-pop</a> ★19 - 带气泡提示的vue校验插件</li> <li><a href="/misc/goto?guid=4959740445965434828" rel="nofollow,noindex">vue-parallax</a> ★15 - 整洁的视觉效果</li> <li><a href="/misc/goto?guid=4959740446050757603" rel="nofollow,noindex">vue-img-loader</a> ★14 - 图片加载UI组件</li> <li><a href="/misc/goto?guid=4959740446124287105" rel="nofollow,noindex">vue-typewriter</a> ★13 - vue组件类型</li> <li><a href="/misc/goto?guid=4959740446209103224" rel="nofollow,noindex">vue-smoothscroll</a> ★12 - smoothscroll的VueJS版本</li> <li><a href="/misc/goto?guid=4959740446280928212" rel="nofollow,noindex">vue-city</a> ★10 - 城市选择器</li> <li><a href="/misc/goto?guid=4959740446362650231" rel="nofollow,noindex">vue-tree</a> ★10 - vue树视图组件</li> <li><a href="/misc/goto?guid=4959740446445352124" rel="nofollow,noindex">vue-ios-alertview</a> ★8 - iOS7+ 风格的alertview服务</li> <li><a href="/misc/goto?guid=4959740446522444198" rel="nofollow,noindex">dd-vue-component</a> ★7 - 订单来了的公共组件库</li> <li><a href="/misc/goto?guid=4959740446609052863" rel="nofollow,noindex">paco-ui-vue</a> ★7 - PACOUI的vue组件</li> <li><a href="/misc/goto?guid=4959740446689784094" rel="nofollow,noindex">vue-cmap</a> ★5 - Vue China map可视化组件</li> <li><a href="/misc/goto?guid=4959740446770735688" rel="nofollow,noindex">vue-button</a> ★4 - Vue按钮组件</li> </ul> <h3>开发框架</h3> <ul> <li><a href="/misc/goto?guid=4958977564508786080" rel="nofollow,noindex">vue.js</a> ★45466 - 流行的轻量高效的前端组件化方案</li> <li><a href="/misc/goto?guid=4959740446876251380" rel="nofollow,noindex">vue-admin</a> ★3222 - Vue管理面板框架</li> <li><a href="/misc/goto?guid=4959740446956986786" rel="nofollow,noindex">electron-vue</a> ★1273 - Electron及VueJS快速启动样板</li> <li><a href="/misc/goto?guid=4959740447038835678" rel="nofollow,noindex">vue-2.0-boilerplate</a> ★241 - Vue2单页应用样板</li> <li><a href="/misc/goto?guid=4959740447120422201" rel="nofollow,noindex">vue-spa-template</a> ★223 - 前后端分离后的单页应用开发</li> <li><a href="/misc/goto?guid=4959740447198290302" rel="nofollow,noindex">Framework7-Vue</a> ★210 - VueJS与Framework7结合</li> <li><a href="/misc/goto?guid=4959740447281324062" rel="nofollow,noindex">vue-bulma</a> ★132 - 轻量级高性能MVVM Admin UI框架</li> <li><a href="/misc/goto?guid=4959740447358707278" rel="nofollow,noindex">vue-webgulp</a> ★100 - 仿VueJS Vue loader示例</li> <li><a href="/misc/goto?guid=4959740447447101814" rel="nofollow,noindex">vue-element-starter</a> ★34 - vue启动页</li> </ul> <h3>实用库</h3> <ul> <li><a href="/misc/goto?guid=4958976113098745443" rel="nofollow,noindex">vuex</a> ★5997 - 专为 Vue.js 应用程序开发的状态管理模式</li> <li><a href="/misc/goto?guid=4959740447545081235" rel="nofollow,noindex">vuelidate</a> ★750 - 简单轻量级的基于模块的Vue.js验证</li> <li><a href="/misc/goto?guid=4959740447635850619" rel="nofollow,noindex">qingcheng</a> ★677 - qingcheng主题</li> <li><a href="/misc/goto?guid=4959740447709149360" rel="nofollow,noindex">vue-desktop</a> ★461 - 创建管理面板网站的UI库</li> <li><a href="/misc/goto?guid=4959740447794133672" rel="nofollow,noindex">vue-meta</a> ★257 - 管理app的meta信息</li> <li><a href="/misc/goto?guid=4959740447866412926" rel="nofollow,noindex">vue-axios</a> ★209 - 将axios整合到VueJS的封装</li> <li><a href="/misc/goto?guid=4959740447950297908" rel="nofollow,noindex">vue-svg-icon</a> ★116 - vue2的可变彩色svg图标方案</li> <li><a href="/misc/goto?guid=4959740448035374803" rel="nofollow,noindex">avoriaz</a> ★110 - VueJS测试实用工具库</li> <li><a href="/misc/goto?guid=4959740448108065099" rel="nofollow,noindex">vue-framework7</a> ★83 - 结合VueJS使用的Framework7组件</li> <li><a href="/misc/goto?guid=4959740448192785378" rel="nofollow,noindex">vue-bootstrap-modal</a> ★78 - vue的Bootstrap样式组件</li> <li><a href="/misc/goto?guid=4959740448265552504" rel="nofollow,noindex">vuep</a> ★72 - 用实时编辑和预览来渲染Vue组件</li> <li><a href="/misc/goto?guid=4959740448356632020" rel="nofollow,noindex">vue-online</a> ★67 - reactive的在线和离线组件</li> <li><a href="/misc/goto?guid=4959740448433413170" rel="nofollow,noindex">vue-lazy-render</a> ★66 - 用于Vue组件的延迟渲染</li> <li><a href="/misc/goto?guid=4959740448516785597" rel="nofollow,noindex">vue-password-strength-meter</a> ★65 - 交互式密码强度计</li> <li><a href="/misc/goto?guid=4959740448597096369" rel="nofollow,noindex">element-admin</a> ★57 - 支持 vuecli 的 Element UI 的后台模板</li> <li><a href="/misc/goto?guid=4959740448673564475" rel="nofollow,noindex">vue-electron</a> ★55 - 将选择的API封装到Vue对象中的插件</li> <li><a href="/misc/goto?guid=4959740448758919447" rel="nofollow,noindex">cleave</a> ★55 - 基于cleave.js的Cleave组件</li> <li><a href="/misc/goto?guid=4959740448828221295" rel="nofollow,noindex">vue-events</a> ★54 - 简化事件的VueJS插件</li> <li><a href="/misc/goto?guid=4959740448913633903" rel="nofollow,noindex">vue-shortkey</a> ★53 - 应用于Vue.js的Vue-ShortKey 插件</li> <li><a href="/misc/goto?guid=4959740449001695867" rel="nofollow,noindex">vue-cordova</a> ★50 - Cordova的VueJS插件</li> <li><a href="/misc/goto?guid=4959740449078999981" rel="nofollow,noindex">vue-router-transition</a> ★49 - 页面过渡插件</li> <li><a href="/misc/goto?guid=4959740449159730226" rel="nofollow,noindex">vue-gesture</a> ★48 - VueJS的手势事件插件</li> <li><a href="/misc/goto?guid=4959740449230406275" rel="nofollow,noindex">http-vue-loader</a> ★46 - 从html及js环境加载vue文件</li> <li><a href="/misc/goto?guid=4959740449322038571" rel="nofollow,noindex">vue-qart</a> ★46 - 用于qartjs的Vue2指令</li> <li><a href="/misc/goto?guid=4959740449397637057" rel="nofollow,noindex">vuemit</a> ★44 - 处理VueJS事件</li> <li><a href="/misc/goto?guid=4959740449474127823" rel="nofollow,noindex">vue-websocket</a> ★42 - VueJS的Websocket插件</li> <li><a href="/misc/goto?guid=4959740449557416397" rel="nofollow,noindex">vue-local-storage</a> ★41 - 具有类型支持的Vuejs本地储存插件</li> <li><a href="/misc/goto?guid=4959740449637026373" rel="nofollow,noindex">lazy-vue</a> ★41 - 懒加载图片</li> <li><a href="/misc/goto?guid=4959740449717651547" rel="nofollow,noindex">vue-bus</a> ★36 - VueJS的事件总线</li> <li><a href="/misc/goto?guid=4959740449798006845" rel="nofollow,noindex">vue-reactive-storage</a> ★35 - vue插件的Reactive层</li> <li><a href="/misc/goto?guid=4959740449877010200" rel="nofollow,noindex">vue-notifications</a> ★32 - 非阻塞通知库</li> <li><a href="/misc/goto?guid=4959740449967609167" rel="nofollow,noindex">vue-lazy-component</a> ★32 - 懒加载组件或者元素的Vue指令</li> <li><a href="/misc/goto?guid=4959740450042049345" rel="nofollow,noindex">v-media-query</a> ★32 - vue中添加用于配合媒体查询的方法</li> <li><a href="/misc/goto?guid=4959740450120952960" rel="nofollow,noindex">vue-observe-visibility</a> ★31 - 当元素在页面上可见或隐藏时检测</li> <li><a href="/misc/goto?guid=4959740450195373047" rel="nofollow,noindex">vue-ts-loader</a> ★29 - 在Vue装载机检查脚本</li> <li><a href="/misc/goto?guid=4959740450285491311" rel="nofollow,noindex">vue-pagination-2</a> ★28 - 简单通用的分页组件</li> <li><a href="/misc/goto?guid=4959740450356881370" rel="nofollow,noindex">vuex-i18n</a> ★26 - 定位插件</li> <li><a href="/misc/goto?guid=4959740450445636752" rel="nofollow,noindex">Vue.resize</a> ★26 - 检测HTML调整大小事件的vue指令</li> <li><a href="/misc/goto?guid=4959740450530006248" rel="nofollow,noindex">vuex-shared-mutations</a> ★25 - 分享某种Vuex mutations</li> <li><a href="/misc/goto?guid=4959740450600579144" rel="nofollow,noindex">vue-file-base64</a> ★16 - 将文件转换为Base64的vue组件</li> <li><a href="/misc/goto?guid=4959740450686231597" rel="nofollow,noindex">modal</a> ★15 - Vue Bulma的modal组件</li> <li><a href="/misc/goto?guid=4959740450764756131" rel="nofollow,noindex">Famous-Vue</a> ★15 - Famous库的vue组件</li> <li><a href="/misc/goto?guid=4959740450841575903" rel="nofollow,noindex">leo-vue-validator</a> ★13 - 异步的表单验证组件</li> <li><a href="/misc/goto?guid=4959740450922838583" rel="nofollow,noindex">Vue-Easy-Validator</a> ★11 - 简单的表单验证</li> <li><a href="/misc/goto?guid=4959740451006673376" rel="nofollow,noindex">vue-truncate-filter</a> ★9 - 截断字符串的VueJS过滤器</li> <li><a href="/misc/goto?guid=4959740451091028874" rel="nofollow,noindex">vue-zoombox</a> ★9 - 一个高级zoombox</li> <li><a href="/misc/goto?guid=4959740451160083530" rel="nofollow,noindex">vue-input-autosize</a> ★5 - 基于内容自动调整文本输入的大小</li> <li><a href="/misc/goto?guid=4959740451248980366" rel="nofollow,noindex">vue-lazyloadImg</a> ★3 - 图片懒加载插件</li> </ul> <h3>服务端</h3> <ul> <li><a href="/misc/goto?guid=4959740451319245634" rel="nofollow,noindex">nuxt.js</a> ★2743 - 用于服务器渲染Vue app的最小化框架</li> <li><a href="/misc/goto?guid=4959740451404822351" rel="nofollow,noindex">express-vue</a> ★137 - 简单的使用服务器端渲染vue.js</li> <li><a href="/misc/goto?guid=4959740451482488810" rel="nofollow,noindex">vue-ssr</a> ★67 - 非常简单的VueJS服务器端渲染模板</li> <li><a href="/misc/goto?guid=4959740451569246843" rel="nofollow,noindex">vue-ssr</a> ★56 - 结合Express使用Vue2服务端渲染</li> <li><a href="/misc/goto?guid=4959740451650806868" rel="nofollow,noindex">vue-easy-renderer</a> ★22 - Nodejs服务端渲染</li> </ul> <h3>辅助工具</h3> <ul> <li><a href="/misc/goto?guid=4959740451727744657" rel="nofollow,noindex">DejaVue</a> ★543 - Vuejs可视化及压力测试</li> <li><a href="/misc/goto?guid=4959740451810327231" rel="nofollow,noindex">vue-play</a> ★445 - 展示Vue组件的最小化框架</li> <li><a href="/misc/goto?guid=4959740451883176133" rel="nofollow,noindex">vscode-VueHelper</a> ★185 - 目前vscode最好的vue代码提示插件</li> <li><a href="/misc/goto?guid=4959740451966084911" rel="nofollow,noindex">vue-generate-component</a> ★39 - 轻松生成Vue js组件的CLI工具</li> <li><a href="/misc/goto?guid=4959740452049688560" rel="nofollow,noindex">vue-multipage-cli</a> ★33 - 简单的多页CLI</li> <li><a href="/misc/goto?guid=4959740452127687888" rel="nofollow,noindex">VuejsStarterKit</a> ★26 - vuejs starter套件</li> </ul> <h3>应用实例</h3> <ul> <li><a href="/misc/goto?guid=4959740452214658753" rel="nofollow,noindex">koel</a> ★7175 - 基于网络的个人音频流媒体服务</li> <li><a href="/misc/goto?guid=4959740452288254690" rel="nofollow,noindex">pagekit</a> ★4021 - 轻量级的CMS建站系统</li> <li><a href="/misc/goto?guid=4959740452368759341" rel="nofollow,noindex">vuedo</a> ★1040 - 博客平台</li> <li><a href="/misc/goto?guid=4959740452447671322" rel="nofollow,noindex">jackblog-vue</a> ★943 - 个人博客系统</li> <li><a href="/misc/goto?guid=4959740452534861654" rel="nofollow,noindex">vue-cnode</a> ★597 - 重写vue版cnode社区</li> <li><a href="/misc/goto?guid=4959740452615228171" rel="nofollow,noindex">CMS-of-Blog</a> ★405 - 博客内容管理器</li> <li><a href="/misc/goto?guid=4959740452693705830" rel="nofollow,noindex">rss-reader</a> ★326 - 简单的rss阅读器</li> <li><a href="/misc/goto?guid=4959740452772511790" rel="nofollow,noindex">vue-ghpages-blog</a> ★208 - 依赖GitHub Pages无需本地生成的静态博客</li> <li><a href="/misc/goto?guid=4959740452847586548" rel="nofollow,noindex">swoole-vue-webim</a> ★97 - Web版的聊天应用</li> <li><a href="/misc/goto?guid=4959740452933621376" rel="nofollow,noindex">vue-dashing-js</a> ★70 - nuvo-dashing-js的fork</li> <li><a href="/misc/goto?guid=4959740453006423336" rel="nofollow,noindex">fewords</a> ★52 - 功能极其简单的笔记本</li> <li><a href="/misc/goto?guid=4959740453105181596" rel="nofollow,noindex">vue-blog</a> ★33 - 使用Vue2.0 和Vuex的vue-blog</li> </ul> <h3>Demo示例</h3> <ul> <li><a href="/misc/goto?guid=4958978398902840253" rel="nofollow,noindex">Vue-cnodejs</a> ★2113 - 基于vue重写Cnodejs.org的webapp</li> <li><a href="/misc/goto?guid=4959740453374793774" rel="nofollow,noindex">NeteaseCloudWebApp</a> ★1154 - 高仿网易云音乐的webapp</li> <li><a href="/misc/goto?guid=4959740453458655415" rel="nofollow,noindex">vue-zhihu-daily</a> ★875 - 知乎日报 with Vuejs</li> <li><a href="/misc/goto?guid=4959740453536645391" rel="nofollow,noindex">vue-wechat</a> ★732 - vue.js开发微信app界面</li> <li><a href="/misc/goto?guid=4959740453621888575" rel="nofollow,noindex">vue2-demo</a> ★699 - 从零构建vue2 + vue-router + vuex 开发环境</li> <li><a href="/misc/goto?guid=4959740453698605513" rel="nofollow,noindex">eleme</a> ★612 - 高仿饿了么app商家详情</li> <li><a href="/misc/goto?guid=4959740453789100803" rel="nofollow,noindex">vue-demo</a> ★575 - vue简易留言板</li> <li><a href="/misc/goto?guid=4959740453864668748" rel="nofollow,noindex">maizuo</a> ★498 - vue/vuex/redux仿卖座网</li> <li><a href="/misc/goto?guid=4959740453949490939" rel="nofollow,noindex">spa-starter-kit</a> ★489 - 单页应用启动套件</li> <li><a href="/misc/goto?guid=4959740454026154103" rel="nofollow,noindex">vue-music</a> ★485 - Vue 音乐搜索播放</li> <li><a href="/misc/goto?guid=4959740454109529949" rel="nofollow,noindex">douban</a> ★402 - 模仿豆瓣前端</li> <li><a href="/misc/goto?guid=4959740454185706108" rel="nofollow,noindex">vue-Meizi</a> ★394 - vue最新实战项目</li> <li><a href="/misc/goto?guid=4959740454270245199" rel="nofollow,noindex">zhihudaily-vue</a> ★386 - 知乎日报web版</li> <li><a href="/misc/goto?guid=4959740454352223513" rel="nofollow,noindex">vue-demo-kugou</a> ★310 - vuejs仿写酷狗音乐webapp</li> <li><a href="/misc/goto?guid=4959740454423965336" rel="nofollow,noindex">VueDemo_Sell_Eleme</a> ★307 - Vue2高仿饿了么外卖平台</li> <li><a href="/misc/goto?guid=4959740454510237279" rel="nofollow,noindex">vue2.0-taopiaopiao</a> ★246 - vue2.0与express构建淘票票页面</li> <li><a href="/misc/goto?guid=4959740454584981385" rel="nofollow,noindex">vue-leancloud-blog</a> ★239 - 一个前后端完全分离的单页应用</li> <li><a href="/misc/goto?guid=4959660155956269784" rel="nofollow,noindex">node-vue-server-webpack</a> ★239 - Node.js+Vue.js+webpack快速开发框架</li> <li><a href="/misc/goto?guid=4959740454696968712" rel="nofollow,noindex">mi-by-vue</a> ★222 - VueJS仿小米官网</li> <li><a href="/misc/goto?guid=4959740454776382214" rel="nofollow,noindex">vue-fis3</a> ★199 - 流行开源工具集成demo</li> <li><a href="/misc/goto?guid=4959740454860880697" rel="nofollow,noindex">vue2.x-douban</a> ★188 - Vue2实现简易豆瓣电影webApp</li> <li><a href="/misc/goto?guid=4959740454937116071" rel="nofollow,noindex">vue-demo-maizuo</a> ★188 - 使用Vue2全家桶仿制卖座电影</li> <li><a href="/misc/goto?guid=4959740455019831522" rel="nofollow,noindex">vue-zhihudaily</a> ★169 - 知乎日报 Web 版本</li> <li><a href="/misc/goto?guid=4959740455098350797" rel="nofollow,noindex">vue-adminLte-vue-router</a> ★162 - vue和adminLte整合应用</li> <li><a href="/misc/goto?guid=4959740455185380913" rel="nofollow,noindex">vue-axios-github</a> ★157 - 登录拦截登出功能</li> <li><a href="/misc/goto?guid=4959740455268226046" rel="nofollow,noindex">Zhihu-Daily-Vue.js</a> ★134 - Vuejs单页网页应用</li> <li><a href="/misc/goto?guid=4959740455342827606" rel="nofollow,noindex">hello-vue-django</a> ★113 - 使用带有Django的vuejs的样板项目</li> <li><a href="/misc/goto?guid=4959740455426761230" rel="nofollow,noindex">vue-cnode</a> ★101 - vue单页应用demo</li> <li><a href="/misc/goto?guid=4959740455500427348" rel="nofollow,noindex">x-blog</a> ★100 - 开源的个人blog项目</li> <li><a href="/misc/goto?guid=4959740455585696416" rel="nofollow,noindex">vue-express-mongodb</a> ★96 - 简单的前后端分离案例</li> <li><a href="/misc/goto?guid=4959740455660209306" rel="nofollow,noindex">websocket_chat</a> ★91 - 基于vue和websocket的多人在线聊天室</li> <li><a href="/misc/goto?guid=4959740455740773650" rel="nofollow,noindex">photoShare</a> ★85 - 基于图片分享的社交平台</li> <li><a href="/misc/goto?guid=4959740455828461268" rel="nofollow,noindex">vue-zhihudaily-2.0</a> ★81 - 使用Vue2.0+vue-router+vuex创建的zhihudaily</li> <li><a href="/misc/goto?guid=4959740455902006139" rel="nofollow,noindex">notepad</a> ★77 - 本地存储的记事本</li> <li><a href="/misc/goto?guid=4959740455989735059" rel="nofollow,noindex">vueBlog</a> ★75 - 前后端分离博客</li> <li><a href="/misc/goto?guid=4959740456063788617" rel="nofollow,noindex">vue-ruby-china</a> ★70 - VueJS框架搭建的rubychina平台</li> <li><a href="/misc/goto?guid=4959740456150369145" rel="nofollow,noindex">Zhihu_Daily</a> ★70 - 基于Vue和Nodejs的Web单页应用</li> <li><a href="/misc/goto?guid=4959740456219038687" rel="nofollow,noindex">vue-koa-demo</a> ★60 - 使用Vue2和Koa1的全栈demo</li> <li><a href="/misc/goto?guid=4959740456308643209" rel="nofollow,noindex">vue2.x-Cnode</a> ★50 - 基于vue全家桶的Cnode社区</li> <li><a href="/misc/goto?guid=4959740456388612209" rel="nofollow,noindex">life-app-vue</a> ★49 - 使用vue2完成多功能集合到小webapp</li> <li><a href="/misc/goto?guid=4959740456465950699" rel="nofollow,noindex">github-explorer</a> ★49 - 寻找最有趣的GitHub库</li> <li><a href="/misc/goto?guid=4959740456539283342" rel="nofollow,noindex">vue-trip</a> ★48 - vue2做的出行webapp</li> <li><a href="/misc/goto?guid=4959740456615493624" rel="nofollow,noindex">vue-ssr-boilerplate</a> ★47 - 精简版的ofvue-hackernews-2</li> <li><a href="/misc/goto?guid=4959740456701136990" rel="nofollow,noindex">vue-bushishiren</a> ★45 - 不是诗人应用</li> <li><a href="/misc/goto?guid=4959740456775307991" rel="nofollow,noindex">houtai</a> ★44 - 基于vue和Element的后台管理系统</li> <li><a href="/misc/goto?guid=4959740456857021454" rel="nofollow,noindex">ios7-vue</a> ★38 - 使用vue2.0 vue-router vuex模拟ios7</li> <li><a href="/misc/goto?guid=4959740456933187056" rel="nofollow,noindex">Framework7-VueJS</a> ★38 - 使用移动框架的示例</li> <li><a href="/misc/goto?guid=4959740457013882112" rel="nofollow,noindex">cnode-vue</a> ★37 - 基于vue和vue-router构建的cnodejs web网站SPA</li> <li><a href="/misc/goto?guid=4959740457086252256" rel="nofollow,noindex">vue-cli-multipage-bootstrap</a> ★36 - 将vue官方在线示例整合到组件中</li> <li><a href="/misc/goto?guid=4959740457158496526" rel="nofollow,noindex">vue-cnode</a> ★34 - 用 Vue 做的 CNode 官网</li> <li><a href="/misc/goto?guid=4959740457235105171" rel="nofollow,noindex">HyaReader</a> ★30 - 移动友好的阅读器</li> <li><a href="/misc/goto?guid=4959740457321851847" rel="nofollow,noindex">zhihu-daily</a> ★28 - 轻松查看知乎日报内容</li> <li><a href="/misc/goto?guid=4959740457394744609" rel="nofollow,noindex">seeMusic</a> ★27 - 跨平台云音乐播放器</li> <li><a href="/misc/goto?guid=4959740457483842616" rel="nofollow,noindex">vue-cnode</a> ★22 - 使用cNode社区提供的接口</li> <li><a href="/misc/goto?guid=4959740457552219130" rel="nofollow,noindex">zhihu-daily-vue</a> ★20 - 知乎日报</li> <li><a href="/misc/goto?guid=4959740457641013818" rel="nofollow,noindex">sls-vuex2-demo</a> ★20 - vuex2商城购物车demo</li> <li><a href="/misc/goto?guid=4959740457713772080" rel="nofollow,noindex">vue-dropload</a> ★17 - 用以测试下拉加载与简单路由</li> <li><a href="/misc/goto?guid=4959740457799799871" rel="nofollow,noindex">vue-cnode-mobile</a> ★17 - 搭建cnode社区</li> <li><a href="/misc/goto?guid=4959740457882674490" rel="nofollow,noindex">Vuejs-SalePlatform</a> ★17 - vuejs搭建的售卖平台demo</li> <li><a href="/misc/goto?guid=4959740457959056331" rel="nofollow,noindex">v-notes</a> ★17 - 简单美观的记事本</li> <li><a href="/misc/goto?guid=4959740458041127914" rel="nofollow,noindex">vue-starter</a> ★16 - VueJs项目的简单启动页</li> <li><a href="/misc/goto?guid=4959740458116082642" rel="nofollow,noindex">vue-memo</a> ★7 - 用 vue写的记事本应用</li> </ul> <p> </p> <p> </p> <p> </p>