1. bailicangdu/vue2-elm (模擬餓了麼項目)javascript
https://github.com/bailicangdu/vue2-elmhtml
2. ElemeFE/element ()vue
Element,一套爲開發者、設計師和產品經理準備的基於 Vue 2.0 的組件庫,提供了配套設計資源,幫助你的網站快速成型。經過基礎的 24 分欄,迅速簡便地建立佈局。java
官網地址:http://element.eleme.io/webpack
3. airyland/vuxios
tag:vux weui vue vue-componentsgit
star:8.9kgithub
link:https://github.com/airyland/vuxweb
簡介vuex
Vux(讀音 [v'ju:z],同views)是基於 WeUI 和 Vue(2.x) 開發的移動端 UI 組件庫,主要服務於微信頁面。
基於 webpack+vue-loader+vux 能夠快速開發移動端頁面,配合 vux-loader 方便你在 WeUI 的基礎上定製須要的樣式。
vux-loader 保證了組件按需使用,所以不用擔憂最終打包了整個 vux 的組件庫代碼。
vux 並不徹底依賴於 WeUI,可是儘可能保持總體UI樣式接近 WeUI 的設計規範。最初目標是建立一個易用,實用,美觀的移動端UI組件庫,如今離理想狀態還有很多距離,所以須要你們及時反饋問題及貢獻代碼。
即便你不使用 vux 的代碼, 但能從源碼獲得一些參考那麼也是件讓人高興的事情。
官網:https://vux.li/
4. iview/iview
tag:vue javascript components ui-design vue-componentsui-kit
star:8.3k
link:https://github.com/iview/iview
簡介
iView 是一套基於 Vue.js 的開源 UI 組件庫,主要服務於 PC 界面的中後臺產品。
特性:
高質量、功能豐富
友好的 API ,自由靈活地使用空間
細緻、漂亮的 UI
事無鉅細的文檔
可自定義主題
官網:https://www.iviewui.com/
5. ElemeFE/mint-ui
tag:vue mobile component vue-componentsui-kit
star:7.2k
link:https://github.com/ElemeFE/mint-ui
簡介
基於 Vue.js 的移動端組件庫。
特性:
Mint UI 包含豐富的 CSS 和 JS 組件,可以知足平常的移動端開發須要。經過它,能夠快速構建出風格統一的頁面,提高開發效率。
真正意義上的按需加載組件。能夠只加載聲明過的組件及其樣式文件,無需再糾結文件體積過大。
考慮到移動端的性能門檻,Mint UI 採用 CSS3 處理各類動效,避免瀏覽器進行沒必要要的重繪和重排,從而使用戶得到流暢順滑的體驗。
依託 Vue.js 高效的組件化方案,Mint UI 作到了輕量化。即便所有引入,壓縮後的文件體積也僅有 ~30kb (JS + CSS) gzip。
官網:http://mint-ui.github.io/#!/en
6. vue-bulma/vue-admin
star:5.5k
link:https://github.com/vue-bulma/vue-admin
簡介
一個基於 Vue 2.0 和 Bulma 0.3 的 後臺管理框架。
特性:
基於 Vue 2.0 和 Bulma 0.3 技術
響應式和彈性佈局
多種圖表類型
豐富的組件或參見 vue-bulma
基於優秀的第三方庫
7. museui/muse-ui
tag:muse-ui material vue vuejs2 vue2
star:4.3k
link:https://github.com/museui/muse-ui
簡介
基於 Vue 2.0 和 Material Design 的 UI 組件庫。
特性:
多功能組件,使用無憂
自定義主題文件,更易擴展
基於 Vue 2.0,開發更加快速
8.vuematerial/vue-material
tag:vue-material javascript vue material material-design
link:https://github.com/vuematerial/vue-material
官網:https://vuematerial.github.io
9. PanJiaChen/vue-element-admin
tag:vue-admin vue admin element vuex
star:3.6k
link:https://github.com/PanJiaChen/vue-element-admin
簡介
這半年來一直在用 vue 寫管理後臺,目先後臺已經有百來個個頁面,十幾種權限,但維護成本依然很低,因此準備開源分享一下後臺開發的經驗和成果。目前的技術棧主要的採用 vue + element + axios 由 webpack2 打包.因爲是我的項目,因此數據請求都是用了 mockjs 模擬。注意:在次項目基礎上改造開發時請移除mock文件。 寫了一個系列的教程配套文章,如何從零構建後一個完整的後臺項目:
手摸手,帶你用 vue 擼後臺 系列一(基礎篇)
手摸手,帶你用 vue 擼後臺 系列二(登陸權限篇)
手摸手,帶你用 vue 擼後臺 系列三 (實戰篇)
手摸手,帶你用 vue 擼後臺 系列四(vueAdmin 一個極簡的後臺基礎模板)
手摸手,帶你封裝一個 vue component
功能
登陸/註銷
權限驗證
側邊欄
麪包屑
富文本編輯器
Markdown編輯器
JSON編輯器
列表拖拽
plitPane
Dropzone
Sticky
CountTo
echarts圖表
401,404錯誤頁面
錯誤日誌
導出excel
table example
動態table example
拖拽table example
內聯編輯table example
form example
多環境發佈
dashboard
二次登陸
動態側邊欄(支持多級路由)
mock數據
cache tabs example
screenfull
markdown2html
views-tab
《==============================轉發他人的=======================================》