史上最全:Vue 相關開源項目庫匯總

2021-03-02 SegmentFault
溫馨提示:本文包含大量外部連結,牆裂建議小夥伴們點擊 「閱讀原文「 進行閱讀。:)

本文包含UI組件、開發框架、實用庫、服務端、輔助工具、應用實例、Demo示例等七個方面的項目匯總。

UI組件

element ★13489 - 餓了麼出品的Vue2的web UI工具套件

Vux ★8133 - 基於Vue和WeUI的組件庫

iview ★6634 - 基於 Vuejs 的開源 UI 組件庫

mint-ui ★6253 - Vue 2的移動UI元素

muse-ui ★3705 - 三端樣式一致的響應式 UI 庫

vue-material ★3328 - 通過Vue Material和Vue 2建立精美的app應用

vuetify ★2925 - 為移動而生的Vue JS 2組件框架

Keen-UI ★2749 - 輕量級的基本UI組件合集

vonic ★1913 - 快速構建移動端單頁應用

vue-multiselect ★1539 - Vue.js選擇框解決方案

eme ★1529 - 優雅的Markdown編輯器

vueAdmin ★1455 - 基於vuejs2和element的簡單的管理員模板

bootstrap-vue ★1267 - 應用於Vuejs2的Twitter的Bootstrap 4組件

Vue.Draggable ★1191 - 實現拖放和視圖模型數組同步

eagle.js ★1128 - hacker的幻燈片演示框架

vue-awesome-swiper ★1012 - vue.js觸摸滑動組件

vue-table ★1009 - 簡化數據表格

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

vue-blu ★850 - 幫助你輕鬆創建web應用

vue-recyclerview ★849 - 管理大列表的vue-recyclerview

VueCircleMenu ★838 - 漂亮的vue圓環菜單

vue-infinite-scroll ★779 - VueJS的無限滾動指令

buefy ★755 - 響應式UI組件輕量級庫

vue-beauty ★749 - 由vue和ant design創建的優美UI組件

vue-waterfall ★737 - Vue.js的瀑布布局組件

radon-ui ★715 - 快速開發產品的Vue組件庫

vue-loop ★701 - 無限的內容循環

vue-chartjs ★694 - vue中的Chartjs的封裝

vue-carbon ★684 - 基於 vue 開發MD風格的移動端

vue-syntax-highlight ★655 - Sublime Text語法高亮

vue-echarts ★649 - VueJS的ECharts組件

vue-quill-editor ★615 - 基於Quill適用於Vue2的富文本編輯器

vue-amap ★571 - 基於Vue 2和高德地圖的地圖組件

vue-calendar ★536 - 日期選擇插件

vue-infinite-loading ★501 - VueJS的無限滾動插件

vue-swipe ★481 - VueJS觸摸滑塊

vue-music-player ★451 - Vuejs寫一個音樂播放器

vue-scroller ★444 - Vonic UI的功能性組件

vue-datepicker ★436 - 日曆和日期選擇組件

vue-core-image-upload ★393 - 輕量級的vue上傳插件

vue-progressbar ★379 - vue輕量級進度條

Gokotta ★375 - 簡單的音樂播放器

vue-sortable ★373 - 輕鬆添加拖拽排序

vue-picture-input ★352 - 移動友好的圖片文件輸入組件

vue-echarts-v3 ★351 - VueJS組件封裝

markcook ★343 - 好看的markdown編輯器

vue-video-player ★336 - VueJS視頻及直播播放器

vue-google-maps ★334 - 帶有雙向數據綁定Google地圖組件

vue-trend ★332 - 簡單優雅的星光線條

vuejs-datepicker ★314 - vue日期選擇器組件

vue-fullcalendar ★313 - 基於vue.js的全日曆組件

vue-html5-editor ★303 - html5所見即所得編輯器

vue-upload-component ★298 - Vuejs文件上傳組件

DataVisualization ★298 - 數據可視化

vue-tables-2 ★291 - 顯示數據的bootstrap樣式網格

VueStar ★270 - 帶星星動畫的vue點讚按鈕

vue-data-tables ★266 - VueJS2數據表格

vue-paginate ★261 - 分頁數據的簡約VueJS插件

vue-ydui ★247 - 基於Vue2的移動端和微信UI

vue-mugen-scroll ★239 - 無限滾動組件

vue-virtual-scroller ★238 - 帶任意數目數據的順暢的滾動

vue2-calendar ★236 - 支持lunar和日期事件的日期選擇器

vue-dropzone ★233 - 用於文件上傳的Vue組件

vue2-douban-market ★233 - 仿豆瓣市集webapp項目

vue-js-modal ★228 - 移動友好的Vuejs2的modal

vue-slider ★224 - vue 滑動組件

vue-datetime-picker ★224 - 日期時間選擇控制項

rubik ★217 - 基於Vuejs2的開源 UI 組件庫

vue-datasource ★210 - 創建VueJS動態表格

vue-image-crop-upload ★205 - vue圖片剪裁上傳組件

Vueditor ★204 - 所見即所得的編輯器

mint-loadmore ★203 - VueJS的雙向下拉刷新組件

vue-slider-component ★202 - 在vue1和vue2中使用滑塊

vue-chat ★200 - Vue全家桶+Socket.io+Express/Koa2打造一個智能聊天

mavonEditor ★179 - 基於Vue的markdown編輯器

vue-carousel-3d ★173 - VueJS的3D輪播組件

vue-baidu-map ★170 - 基於 Vue 2的百度地圖組件庫

sweet-modal-vue ★170 - 精美的點擊提示對話框

vue-particles ★168 - 粒子背景的vue組件

vue-swiper ★167 - 易於使用的滑塊組件

vue-simplemde ★166 - VueJS的Markdown編輯器組件

vue-slide ★161 - vue輕量級滑動組件

vue-dragula ★157 - 使拖放變得簡單

vue-drag-and-drop-list ★156 - 創建排序列表的Vue指令

vue2-editor ★155 - HTML編輯器

vue-charts ★152 - 輕鬆渲染一個圖表

vue-data-grid ★151 - VueJS複雜桌面交互示例

vuwe ★150 - 基於微信WeUI所開發的專用於Vue2的組件庫

vue-progressive-image ★148 - Vue的漸進圖像加載插件

vue-msgbox ★148 - vuejs的消息框

vue-lazyload-img ★147 - 移動優化的vue圖片懶加載插件

vue-dragging ★146 - 使元素可以拖拽

vue-instant ★143 - 輕鬆創建自動提示的自定義搜索控制項

vue-social-sharing ★142 - 社交分享組件

vue-images ★139 - 顯示一組圖片的lightbox組件

vue-impression ★134 - 移動Vuejs2 UI元素

vue-mdEditor ★131 - 基於VUE的markdown文本編輯器

vue-typer ★130 - 模擬用戶輸入選擇和刪除文本的Vue組件

vue-highcharts ★130 - HighCharts組件

vue-tooltip ★129 - 帶綁定信息提示的提示工具

vue-svgicon ★127 - 創建svg圖標組件的工具

wdui ★124 - 基於Vue2的UI組件庫

vue2-loading-bar ★118 - 最簡單的仿Youtube加載條視圖

vue-tabs-component ★116 - 渲染tabs的Vue組件

MagicMusic ★113 - 不一樣的音樂

vue-region-picker ★111 - 選擇中國的省份市和地區

vue-datatable ★102 - 使用Vuejs創建的DataTableView

vue-loading ★102 - 元素中加載block的Vue指令

vodal ★99 - 動畫的vue模態

vue-img-inputer ★97 - 基於Vue2的圖片輸入框

vue-video ★96 - Vue.js的HTML5視頻播放器

vue-touch-ripple ★95 - vuejs的觸摸ripple組件

vue-event-calendar ★91 - 簡單小巧的事件日曆組件

v-bar ★91 - 虛擬響應跨瀏覽器滾動條

vue2-timepicker ★84 - 下拉時間選擇器

vuejs-paginate ★80 - 分頁VueJS組件

vue-toast-mobile ★79 - VueJS的toast插件

vue-datepicker ★78 - 漂亮的Vue日期選擇器組件

vue-easy-slider ★77 - Vue 2.x的滑塊組件

vue-float-label ★76 - VueJS浮動標籤模式

vue-scrollbar ★76 - 最簡單的滾動區域組件

vant ★74 - 有贊出品的Vue2.0移動UI

vue-json-tree-view ★74 - Vue的JSON樹視圖

vue-slick ★73 - 實現流暢輪播框的vue組件

vue-keynote ★73 - 實現聲明性代碼幻燈片

vue-google-signin-button ★73 - 導入谷歌登錄按鈕

vue-rate ★68 - Vue評分組件

awesome-mask ★67 - 擁有獨一無二mask的表單

vue-radial-progress ★65 - Vue.js放射性進度條組件

vue-quill ★65 - vue組件構建quill編輯器

vue-date-picker ★63 - VueJS日期選擇器組件

coffeebreak ★62 - 實時編輯CSS組件工具

vue-good-wizard ★61 - VueJS 2.x wizard plugin

vue-loading ★60 - 使用SVG加載

datepicker ★59 - 基於flatpickr的時間選擇組件

vue-placeholders ★58 - 處理佔位符圖片和亂碼

we-vue ★55 - Vue2及weui1開發的組件

vue-fullcalendar ★55 - vue FullCalendar封裝

vue-chartkick ★53 - VueJS一行代碼實現優美圖表

cxlt-vue2-toastr ★52 - 彈出提示的Vue2組件

vue-formly ★51 - VueJS的JS表單

vue2-autocomplete ★51 - vue2的自動完成組件

vue-morris ★50 - Vuejs組件封裝Morrisjs庫

veui ★50 - VueJS百度企業UI

vue-components ★49 - 移動端UI組件庫

vue-star-rating ★49 - 簡單高度自定義的星星評級組件

vue-tagsinput ★48 - 基於VueJS的標籤組件

vue-tabs ★47 - 多tab頁輕型框架

vue-popup-mixin ★47 - 用於管理彈出框的遮蓋層

vue-ripple-directive ★45 - 使用Vue指令的Material波紋效果

vue-cropper ★42 - 一個簡單的vue 的圖片裁剪插件

vue-ztree ★41 - 用 vue 寫的樹層級組件

vue-touch-keyboard ★41 - VueJS虛擬鍵盤組件

cubeex ★40 - 包含一套完整的移動UI

vue-chart ★40 - 強大的高速的vue圖表解析

vue-music-master ★40 - vue手機端網頁音樂播放器

vue-bootstrap-table ★39 - 可排序可檢索的表格

vue-emoji ★39 - 好用的emoji插件

handsontable ★39 - 網頁表格組件

vue-form-2 ★37 - 全面的HTML表單管理的解決方案

vue-area ★37 - 省市區三級聯動插件

vue-side-nav ★37 - 響應式的側邊導航

vue-image-scroll ★36 - 仿網易雲音樂的vue圖片滾動插件

vue-pull-to-refresh ★35 - Vue2的上拉下拉

mint-indicator ★35 - VueJS移動加載指示器插件

vue-image-clip ★34 - 基於vue的圖像剪輯組件

vue-material-design ★34 - Vue MD風格組件

vue-simple-upload ★31 - 簡單的VueJS上傳組件

chartjs ★29 - Vue Bulma的chartjs組件

vue-lazy-background-images ★29 - 懶加載背景組件的Vue組件

vue-ripple ★29 - 製作谷歌MD風格漣漪效果的Vue組件

vue-scroll ★27 - vue滾動

laravel-vue-pagination ★26 - VueJS分頁組件

vue-datepicker-simple ★26 - 基於vue的日期選擇器

vue-m-carousel ★26 - vue 移動端輪播組件

vue-parallax ★23 - 整潔的視覺效果

vue-img-loader ★22 - 圖片加載UI組件

vue-tree ★22 - vue樹視圖組件

vue-verify-pop ★22 - 帶氣泡提示的vue校驗插件

vue-waves ★22 - waves的VueJS版本

vue-smoothscroll ★20 - smoothscroll的VueJS版本

vue-city ★19 - 城市選擇器

vue-laypage ★17 - 簡單的VueJS分頁組件

vue-typewriter ★15 - vue組件類型

vue-ios-alertview ★14 - iOS7+ 風格的alertview服務

vue-cmap ★14 - Vue China map可視化組件

paco-ui-vue ★12 - PACOUI的vue組件

vue-cascading-address ★9 - vue地區選擇器

dd-vue-component ★7 - 訂單來了的公共組件庫

vue-button ★5 - Vue按鈕組件

開發框架

vue.js ★56380 - 流行的輕量高效的前端組件化方案

vue-admin ★4612 - Vue管理面板框架

quasar ★2353 - 響應式網站和混合行動應用程式

electron-vue ★2085 - Electron及VueJS快速啟動樣板

vue-element-admin ★1986 - vue2管理系統模板

vuepack ★1618 - 現代VueJS啟動器

N3-components ★656 - 快速構建頁面和應用

VueThink ★373 - 前後端分離框架

vue-2.0-boilerplate ★358 - Vue2單頁應用樣板

vue-spa-template ★344 - 前後端分離後的單頁應用開發

Framework7-Vue ★283 - VueJS與Framework7結合

vue-bulma ★215 - 輕量級高性能MVVM Admin UI框架

vuetiful ★189 - 創建業務及管理應用程式

vue-stack-2.0 ★155 - Vue2項目樣板

vue2-admin-lte ★154 - vue2版本的adminLTE

jspangAdmin ★140 - 基於Vue2的後臺管理系統

vue-fullstack ★140 - 實時的用戶友好的後臺系統

vue-paper-dashboard ★120 - Vue的Tim Paper 儀錶盤

vue-webgulp ★113 - 仿VueJS Vue loader示例

vue-element-starter ★83 - vue啟動頁

vuemin ★17 - 基於Vue的企業級前端開發框架

vue-team-template ★12 - 一種構建vue項目的選擇方案

實用庫

vuex ★8043 - 專為 Vue.js 應用程式開發的狀態管理模式

vue-loader ★1847 - Vue.js 針對Webpack的組件裝載插件

vue-validator ★1807 - vue的驗證器插件

vue-lazyload ★1224 - 用於懶加載的Vue模塊

vuelidate ★1075 - 簡單輕量級的基於模塊的Vue.js驗證

vue-i18n ★1053 - VueJS的多語言切換插件

qingcheng ★736 - qingcheng主題

Vue-Socketio ★533 - VueJS的socketio實現

vue-awesome ★532 - VueJS字體Awesome組件

vue-desktop ★496 - 創建管理面板網站的UI庫

vue-axios ★491 - 將axios整合到VueJS的封裝

vue-meta ★467 - 管理app的meta信息

vue-head ★396 - head標籤的meta信息操作

meteor-vue-component ★382 - vue和meteor整合

avoriaz ★338 - VueJS測試實用工具庫

portal-vue ★239 - 在組件外部渲染DOM

vue-flatpickr ★228 - 封裝Flatpickr的Vue組件

vue-timeago ★195 - VueJS的時間前組件

blessed-vue ★181 - 編寫命令行UI的VueJS運行時

vue-unit ★179 - 創建單元測試組件

vue-authenticate ★177 - 簡單的VueJS身份認證庫

vue-scrollTo ★174 - 滾動到元素的VueJS指令

vue-svg-icon ★157 - vue2的可變彩色svg圖標方案

vue-focus ★148 - 可重用VueJS組件的焦點指令

meteor-vue ★134 - VueJS和Meteor的橋接

element-admin ★130 - 支持 vuecli 的 Element UI 的後臺模板

vuep ★118 - 用實時編輯和預覽來渲染Vue組件

vuet ★116 - 一個跨頁面、跨組件的狀態管理插件

vue-bootstrap-modal ★112 - vue的Bootstrap樣式組件

vue-animate ★106 - 跨瀏覽器CSS3動畫庫

vue-property-decorator ★104 - VueJS和屬性Decorator

vue-aplayer ★100 - 便於配置的音樂播放器vue2組件

vue-password-strength-meter ★97 - 交互式密碼強度計

vue-websocket ★91 - VueJS的Websocket插件

vue-local-storage ★88 - 具有類型支持的Vuejs本地儲存插件

vue-recyclist ★88 - vuejs無限滾動列表

vue-lazy-render ★87 - 用於Vue組件的延遲渲染

vue-qart ★86 - 用於qartjs的Vue2指令

vue-framework7 ★85 - 結合VueJS使用的Framework7組件

vue-cordova ★85 - Cordova的VueJS插件

http-vue-loader ★84 - 從html及js環境加載vue文件

vue-parallax ★84 - 快速60fps視差滾動效果組件

vue-clipboard ★84 - VueJS的剪貼板

vue-kindergarten ★83 - 將kindergarten集成到VueJS應用

vue-events ★83 - 簡化事件的VueJS插件

vue-notifications ★80 - 非阻塞通知庫

vue-online ★77 - reactive的在線和離線組件

vue-shortkey ★74 - 應用於Vue.js的Vue-ShortKey 插件

vue-bus ★71 - VueJS的事件總線

vuex-i18n ★71 - 定位插件

uiv ★70 - Vue實現的Bootstrap組件

vue-router-transition ★69 - 頁面過渡插件

vue-gesture ★69 - VueJS的手勢事件插件

vue-clip ★67 - 簡約的破解文件上傳器

vue-electron ★66 - 將選擇的API封裝到Vue對象中的插件

cleave ★64 - 基於cleave.js的Cleave組件

vuemit ★63 - 處理VueJS事件

vue-worker ★56 - 使用webworkers的Vue插件

vue-acl ★54 - VueJS訪問控制列表插件

vue-ts-loader ★54 - 在Vue裝載機檢查腳本

Vue.resize ★51 - 檢測HTML調整大小事件的vue指令

vuedeux ★50 - 輕量級開源實用用層

vue-ls ★49 - 適配Vuecontext中LocalStorage的Vue插件

lazy-vue ★48 - 懶加載圖片

vue-pagination-2 ★46 - 簡單通用的分頁組件

v-media-query ★44 - vue中添加用於配合媒體查詢的方法

vue-observe-visibility ★42 - 當元素在頁面上可見或隱藏時檢測

vue-lazy-component ★38 - 懶加載組件或者元素的Vue指令

vue-reactive-storage ★37 - vue插件的Reactive層

vue-helmet ★37 - HTML標題管理器

voir ★35 - 保持mutation與視圖組件的分離

vuex-shared-mutations ★34 - 分享某種Vuex mutations

vue-drag-zone ★28 - 適用於Vue2的dom拖動組件

vue-eslint-parser ★27 - ESLint自定義解析

modal ★26 - Vue Bulma的modal組件

vue-plan ★25 - Vuex-狀態管理

vue-file-base64 ★22 - 將文件轉換為Base64的vue組件

vue-methods-promise ★21 - 使vue方法支持promise

Vue.ImagesLoaded ★20 - 檢測圖片加載的VueJS指令

Famous-Vue ★16 - Famous庫的vue組件

leo-vue-validator ★15 - 異步的表單驗證組件

vue-titlecase ★13 - 用於字符串titlecased的VueJS過濾器

Vue-Easy-Validator ★12 - 簡單的表單驗證

vue-zoombox ★12 - 一個高級zoombox

vue-truncate-filter ★10 - 截斷字符串的VueJS過濾器

vue-router-storage ★9 - vue歷史路由持久化的解決方案

vue-input-autosize ★9 - 基於內容自動調整文本輸入的大小

vue-data-validator ★4 - Vuejs2的數據驗證插件

vue-lazyloadImg ★4 - 圖片懶加載插件

服務端

nuxt.js ★4564 - 用於伺服器渲染Vue app的最小化框架

unvue ★310 - 使用簡單的通用VueJS應用

express-vue ★302 - 簡單的使用伺服器端渲染vue.js

vue-ssr ★92 - 非常簡單的VueJS伺服器端渲染模板

doubanMovie-SSR ★85 - Vue豆瓣電影服務端渲染

vue-ssr ★80 - 結合Express使用Vue2服務端渲染

vue-easy-renderer ★44 - Nodejs服務端渲染

輔助工具

vue-play ★641 - 展示Vue組件的最小化框架

DejaVue ★635 - Vuejs可視化及壓力測試

vscode-VueHelper ★228 - 目前vscode最好的vue代碼提示插件

vue-generate-component ★56 - 輕鬆生成Vue js組件的CLI工具

vue-multipage-cli ★40 - 簡單的多頁CLI

VuejsStarterKit ★29 - vuejs starter套件

應用實例

koel ★7773 - 基於網絡的個人音頻流媒體服務

pagekit ★4225 - 輕量級的CMS建站系統

vue-manage-system ★2057 - 後臺管理系統解決方案

vuedo ★1265 - 博客平臺

jackblog-vue ★1120 - 個人博客系統

PJ Blog ★1018 - 開源博客

vue-cnode ★787 - 重寫vue版cnode社區

vms ★629 - vuejs2管理系統

CMS-of-Blog ★541 - 博客內容管理器

goldfish ★518 - 用於HashiCorp Vault的Admin UI

rss-reader ★368 - 簡單的rss閱讀器

vue-ghpages-blog ★254 - 依賴GitHub Pages無需本地生成的靜態博客

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

swoole-vue-webim ★137 - Web版的聊天應用

tomato5 ★134 - 實時的協作工具

Loopa-News ★133 - 開源社會新聞應用

vue2-management-platform ★74 - vue2.0+ elementUI 後臺管理平臺

vue-dashing-js ★70 - nuvo-dashing-js的fork

fewords ★63 - 功能極其簡單的筆記本

adminify ★46 - 一個基於Vuetify material的Admin面板

Demo示例

vue2-elm ★8036 - 重寫餓了麼webapp

Vue-cnodejs ★2491 - 基於vue重寫Cnodejs.org的webapp

NeteaseCloudWebApp ★1549 - 高仿網易雲音樂的webapp

vue2-happyfri ★1535 - vue2及vuex的入門練習項目

vue-zhihu-daily ★1010 - 知乎日報 with Vuejs

vue2-demo ★994 - 從零構建vue2 + vue-router + vuex 開發環境

vue-wechat ★939 - vue.js開發微信app界面

eleme ★882 - 高仿餓了麼app商家詳情

vue-demo ★755 - vue簡易留言板

bilibili-vue ★694 - 全棧式開發bilibili首頁

spa-starter-kit ★646 - 單頁應用啟動套件

VueDemoSellEleme ★636 - Vue2高仿餓了麼外賣平臺

vue-music ★621 - Vue 音樂搜索播放

douban ★606 - 基於vue全家桶的精緻豆瓣DEMO

vue-Meizi ★604 - vue最新實戰項目

maizuo ★603 - vue/vuex/redux仿賣座網

vue-WeChat ★558 - 基於Vue2高仿微信App的單頁應用

vue-demo-kugou ★500 - vuejs仿寫酷狗音樂webapp

vue2-manage ★457 - 基於 vue + element-ui 的後臺管理系統

zhihudaily-vue ★455 - 知乎日報web版

vue-163-music ★448 - vue仿網易雲音樂客戶端版

vue-axios-github ★448 - 登錄攔截登出功能

douban ★440 - 模仿豆瓣前端

vue-shopping ★404 - 蘑菇街移動端

vue2.0-taopiaopiao ★402 - vue2.0與express構建淘票票頁面

xyy-vue ★396 - 大學生交流平臺

easy-vue ★370 - 使用Vue實現簡易web

vue2.x-douban ★360 - Vue2實現簡易豆瓣電影webApp

vue2-MiniQQ ★351 - 基於Vue2實現的仿手機QQ單頁面應用

mi-by-vue ★291 - VueJS仿小米官網

daily-zhihu ★275 - 基於Vue2的知乎日報單頁應用

vue-leancloud-blog ★268 - 一個前後端完全分離的單頁應用

VueMusic-PC ★260 - Vue.js高還原網易雲音樂系列

node-vue-server-webpack ★253 - Node.js+Vue.js+webpack快速開發框架

beauty ★245 - 豆瓣美女clone

vue-adminLte-vue-router ★243 - vue和adminLte整合應用 

vue-fis3 ★217 - 流行開源工具集成demo

notepad ★216 - 本地存儲的記事本

vue-demo-maizuo ★210 - 使用Vue2全家桶仿製賣座電影

Pixel-Web ★198 - 一個 Vue 微博客戶端

neteaseyanxuan ★198 - vue版網易嚴選

tmdb-app ★194 - TMDbVueJS應用

vue-express-mongodb ★189 - 簡單的前後端分離案例

vue-zhihudaily ★187 - 知乎日報 Web 版本

Vdo ★179 - VueJS與MD重構豆瓣

vue-blog ★171 - 單用戶博客

Wuji ★168 - 吾記網頁版

hello-vue-django ★160 - 使用帶有Django的vuejs的樣板項目

Zhihu-Daily-Vue.js ★157 - Vuejs單頁網頁應用

tencent-sports ★154 - Vue全家桶仿騰訊體育

gouyan-movie-vue ★151 - 基於vue的在線電影影訊網站 

x-blog ★145 - 開源的個人blog項目

vue-musicApp ★132 - 使用vue全家桶製作的音樂播放器

vue-cnode ★131 - vue單頁應用demo

webpack-vue-vueRouter ★130 - webpack及vue開發的簡單項目實例

vue-koa-demo ★128 - 使用Vue2和Koa1的全棧demo

vueBlog ★127 - 前後端分離博客

websocketchat ★127 - 基於vue和websocket的多人在線聊天室

houtai ★125 - 基於vue和Element的後臺管理系統

vue-toutiao ★121 - vuejs高仿今日頭條移動端

vue-cnode ★121 - 開源的CNode社區

vue-mini-shop ★121 - VueJS在線商店

photoShare ★120 - 基於圖片分享的社交平臺

iview2-management-system ★119 - 後臺管理系統解決方案簡單示例

doubanMovie ★119 - 豆瓣電影展示

eleme-vue2 ★112 - 仿餓了麼H5純前端Vue版

vue-zhihu-daily ★111 - 基於Vue全家桶開發的知乎日報

Vue-News ★107 - 基於vue全家桶的仿知乎日報單頁應用

douban-movie ★107 - 仿豆瓣電影wap端

generator-loopback-vue ★104 - 典型前後端分離項目模板

vue-quasar-admin-example ★99 - 將Quasar和VueJS應用於SPA項目

vue-zhihudaily-2.0 ★97 - 使用Vue2.0+vue-router+vuex創建的zhihudaily

vue-todos ★95 - vue最新實戰項目教程

vue-music ★91 - 網易雲音樂Demo

vue-qqmusic ★90 - Vue全家桶+Mint-Ui打造高仿QQMusic

vue2.x-Cnode ★88 - 基於vue全家桶的Cnode社區

vue-ruby-china ★86 - VueJS框架搭建的rubychina平臺

doubanMovie-SSR ★85 - Vue豆瓣電影服務端渲染

vue-jd ★76 - 京東移動web商城

vue-nReader ★73 - 使用vue2.0 + vue-router + vuex 的一個多頁面小說閱讀webapp

VueBlog ★73 - 前後端分離的個人博客

ZhihuDaily ★73 - 基於Vue和Nodejs的Web單頁應用

vue-koa2-login ★67 - 使用 VueJS & NodeJS 實現的登錄註冊

webApp ★64 - Vue2的移動端webApp音樂播放器

vue-trip ★64 - vue2做的出行webapp

seeMusic ★63 - 跨平臺雲音樂播放器

github-explorer ★63 - 尋找最有趣的GitHub庫

vue-cli-multipage-bootstrap ★60 - 將vue官方在線示例整合到組件中

vue-XiaoMi-Shop ★59 - 高仿小米商城的項目

Vue-NetEaseCloudMusic ★59 - 模仿IOS版網易雲音樂的手機網站

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

doubanApp ★55 - 用vue2實現仿豆瓣app

ios7-vue ★52 - 使用vue2.0 vue-router vuex模擬ios7

canvas-vue ★50 - 一個Vue+Cnavas酷炫後臺管理

vue-bushishiren ★49 - 不是詩人應用

vue-ssr-boilerplate ★48 - 精簡版的ofvue-hackernews-2

vuecommunity ★47 - vue.js中文社區

vue-music163 ★47 - 音樂VueJS項目

Vue2-MV ★45 - 仿網易雲音樂MV的webappmusiccloud

Webapp ★44 - 用vuejs仿網易雲音樂

cnode-vue ★40 - 基於vue和vue-router構建的cnodejs web網站SPAFrame

work7-VueJS ★38 - 使用移動框架的示例

m-eleme ★37 - 基於Vue全家桶仿餓了麼移動端

webappsls-vuex2-demo ★37 - vuex2商城購物車demo

eagles ★36 - 各種組件封裝

TodosVuejs ★35 - vuejs2搭建的極簡的todolist

vue-cnode ★35 - 用 Vue 做的 CNode 官網

HyaReader ★35 - 移動友好的閱讀器

Vue-Admin ★33 - 基於Vue2的Admin系統

vue2-hybridapp-haoshiqi ★32 - 實現單頁面webapp以及hybridapp

zhihu-daily ★32 - 輕鬆查看知乎日報內容

gank ★32 - gankio資源的閱讀應用

vue-h5plus ★31 - 前衛的vue及html5plus跨平臺demo

vue-cnode-mobile ★29 - 搭建cnode社區

vue-weather ★26 - 基於vue.js 2.0的百度天氣應用

vue-user-center ★26 - vuejs直播類應用web端個人中心

zhihu-daily-vue ★22 - 知乎日報

vue-cnode ★22 - 使用cNode社區提供的接口

vue-starter ★22 - VueJs項目的簡單啟動頁

node-vue-fabaocn ★21 - 基於 node 和 vue 實現的移動官網

vue-memo ★20 - 用 vue寫的記事本應用

v-notes ★20 - 簡單美觀的記事本

vue-flexible-app ★19 - vue開發的一個簡易app

simply-calculator-vuejs ★19 - 用VueJS實現簡易計算器

vue-dropload ★19 - 用以測試下拉加載與簡單路由

Vuejs-SalePlatform ★19 - vuejs搭建的售賣平臺demo

vue-shopping-mall ★16 - 基於Vue.js 2.x系列 + vue2-router + axios + iview 商城

qqmusic ★13 - QQ音樂vue

vue-weather ★12 - VueJS天氣demo

相關文章推薦

vuejs 路由:入門實操詳解

進階 vue 全家桶

Vue 微信公眾號開發踩坑記錄

vue.js 組件之間傳遞數據

手摸手,帶你用vue擼後臺 系列四(vueAdmin 一個極簡的後臺基礎模板)

歡迎關注 SegmentFault 微信公眾號 :)

相關焦點

  • 推薦一些 GitHub 上值得前端學習的開源實戰項目,進階必看!
    Vue.js1. vue-element-adminvue-element-admin 是一個後臺前端解決方案,它基於 vue 和 element-ui 實現。基於 vue2 + vuex 構建一個具有 45 個頁面的大型單頁面應用此項目大大小小共 45 個頁面,涉及註冊、登錄、商品展示、購物車、下單等等,是一個完整的流程。一般公司即便是官網的單頁面項目都沒這麼複雜,如果這個項目能駕馭得了,相信大部分公司的其他單頁面應用也就不在話下,即便更複雜,也不會比這個高到哪裡去。
  • 對比 12,000 個 Vue.js 開源項目發現最實用的 TOP45!
    本文將為你介紹 2019 年最值得關注的 45 個 Vue.js 開源項目——Let's go!這些項目和庫可以分為 3 類:用戶界面(1~19)Vue.js工具(20~36)項目(37~45)這是一個極具權威性的表單,精確匯總了
  • 最全Vue2.0學習路線,各個階段適用
    下面建議學習順序,從 新手起步,到實戰開發,到進階核心都有介紹,結合了自己查的資料和經驗和vue作者尤大的一些建議匯總而成,覺得好請轉發、收藏。「 Vue 起步 」起步階段1. 紮實的 JavaScript / HTML / CSS 基本功。
  • 2020年的前端工程師請收下這幾個Vue.js開源框架
    vue是一套用於構建用戶界面的漸進式JavaScript框架,簡單說Vue是類似於view的前端框架。vue開發核心是關注視圖層,同時它更加容易與第三方庫結合,再者我們在現有的項目中可以直接整合一起。目前vue技術社區在英文或中文都非常豐富,社區都有很多經驗豐富的開發人員,其功能也非常豐富與使用性,屬於輕量級框架。
  • 分享一些開源項目,可以接私活了
    分享一些開源項目,可以接私活了 對於很多程式設計師來說,可以利用自身資源,在業餘時間做一些私活,賺點零花錢,今天推薦幾款開源項目,讓大家做項目上手更快、更方便。
  • 史上最全工程造價常用公式匯總,包含所有造價公式,造價人必備
    史上最全工程造價常用公式匯總,包含所有造價公式,造價人必備綜合運用管理學、經濟學和工程技術等方面的知識與技能,對工程造價進行預測、計劃、控制、核算、分析和評價等的工作過程被稱為工程造價。史上最全工程造價常用公式匯總一共有50多頁,100多個公式,主要有:預備費、工程費、生產性建設項目擬建項目總投資、非生產性建設項目總投資、自有資金利潤率等內容。
  • 【入門必備】史上最全的深度學習資源匯總,速藏!
    我們推薦過一期史上最全TensorFlow乾貨文章,今天,收福利的機會又來了,本篇文章將針對深度學習資源進行一下匯總,歡迎轉發、點讚、收藏。如果對深度學習有一定基礎的小夥伴,推薦一套Nando de Freitas教授的高階教程,深度學習的部分是從第七課開始:http://www.cs.ox.ac.uk/teaching/courses/2014-2015/ml/Tensorflow深度學習教程:https://github.com/nlintz/TensorFlow-Tutorials(更多Tensorflow學習的資源請參見這篇文章
  • 史上最全2016年考研英語作文模板匯總
    新東方網>英語>英語學習>英語寫作>考研作文>正文史上最全2016年考研英語作文模板匯總 2015-12-23 11:04 來源:新東方網整理 作者:
  • 什麼是vue?在項目開發中為什麼要用vue?
    在近兩年的web及項目開發中,vue技術的使用越來越普遍,其各種資料、介紹以及使用攻略內容資料非常多,那麼vue到底什麼?在項目開發中,vue起到什麼作用?它與傳統的html+css+js+lamp開發網站項目又有什麼區別呢?
  • Element-UI 死而復生,基於Vue3.0的版本來了
    Element PlusElement Plus 使用1.npm 方式安裝npm install element-plus --save2.CDN方式安裝,在使用的頁面上引入JS和相關另外element-plus為新版vue-cli 提供了Element Plus 插件( vue-cli-plugin-element-plus),可以方便地搭建基於Element Plus 的項目。
  • 史上最全的五星級酒店分級 匯總
    史上最全的五星級酒店分級 匯總
  • 揭密vue.js的神秘之處,小程序跟vue有什麼關係
    微容用的微信小程序平臺採用開發思路是前後端分離,前端採用vue.js+h5+jq開發,後端採用MVE的思路,用php開發,用vue.js構建來微信小程序可視化前端之後,微容給大家介紹下vue的來源和特徵。
  • 餓了麼公司前端團隊開源前端基於 Vue的桌面端組件庫-Element
    由餓了麼公司前端團隊開源。開源版本持續更新至2.3.2版;設計原則一致性 Consistency與現實生活一致:與現實生活的流程、邏輯保持一致,遵循用戶習慣的語言和概念;在界面中一致:所有的元素和結構需保持一致
  • Springboot Vue Login(從零開始實現Springboot+Vue登錄)
    作者:Eli Shawhttps://blog.csdn.net/xiaojinlai123/article/details/90694372一、簡述最近學習使用 Vue 實現前端後端分離,在 Github 上有一個很好的開源項目:mall,正所謂百看不如一練,自己動手實現了一個 Springboot+Vue 的登錄操作,在此記錄一下踩過的坑。
  • 【吐血整理】強烈推薦 GitHub 上值得學習的開源實戰項目(持續更新中,萬字長文建議收藏)
    vue2-elm    推薦指數:★Star31.2K推薦語:基於 vue2 + vuex 構建餓了麼APP-vue2-elm。vue2-manage     推薦指數:★Star8.4K推薦語:基於 vue + element-ui 的後臺管理系統-vue2-manage。
  • 史上最全職業相關分類素材包
    Hello~大家好~我是一隻日更的勤勞小蜜蜂距離2020年結束還有不到一個月的時間,盤子家將繼續陪伴各位麻麻們做好家庭陪伴,精彩素材不間斷分享,英語啟蒙、中文啟蒙、全腦開發、數學、科學、手工、STEM等總有你們想要噠,絕對超值哦!
  • Vue.Draggable - 基於 Vue.js 絲般柔滑的拖拽排序組件
    介紹VueDraggable 是一個專門解決拖拽排序和拖拽分組的前端開原始碼庫。免費使用說明VueDraggable 已經在 github 開源,可以自由下載學習和免費使用。由於官網國內無法訪問,因此這裡放的是 github 的連結。不過需要注意,對於 Vue 2.0 而言,它是 vuedraggable,而不是版本Vue 1.0 的 vue-draggable。
  • Vue.js 作者回應『Angular有哪些地方比Vue更優秀?』
    我們也會在新版本的 vue-cli 中持續吸收改進,但連 vue-cli 能做什麼都沒弄清楚就拿玩具來打比方,只能貽笑大方了。異步加載模塊我不知道為什麼大漠又截了個不知哪裡的舊中文文檔的圖,還沒截全 —— 最新的關於異步加載的文檔是下面這兩個連結:Vue 將一個組件(以及其所有依賴)改為異步加載,所需要的只是把:
  • 史上最全高考古文「文化常識」匯總,走過路過不要錯過
    今天,學姐就特別想給大家分享這份寶藏資料,史上最全的古文文化常識匯總,幫你理解記憶古文中出現的詞語,在閒暇之餘還能學到東西!由於篇幅限制,學姐只上傳了部分資料。想要資料完整電子版的小夥伴可以私信學姐。