Vue.js 是一個目前比較流行的前端框架，在業界也算很有名氣，今天這裡為大家羅列一下基於Vue的後端管理的框架。使用這些框架你會發現它包括了我們常用的路由，狀態，互動等等，我們只需要去複用它的程式碼，加上一下我們自己少量的邏輯就能輕鬆的完成專案。會為你節約更多時間喝喝咖啡等，給你一種“框架在手，天下我有”的感覺。這篇文章主要介紹element和Vue Admin。

1、element

Element UI 是一套採用 Vue 2.0 作為基礎框架實現的元件庫，它面向企業級的後臺應用，能夠幫助你快速地搭建網站，極大地減少研發的人力與時間成本。在這個月的 NingJS 上我們開源了這個專案，當時它的文件還沒有準備好。今天，經過兩週多的完善， Element UI 的文件正式上線啦！目前它處於 rc 階段，正式版將於 Vue 2.0 釋出後第一時間跟進。 歡迎大家來使用和完善，一起把它做成 Vue 最好的企業級元件庫。

• 評價： 網站快速成型工具 Element，非常出色的後臺管理系統框架，直接填內容即可。

官網：http://element.eleme.io
地址：https://github.com/PanJiaChen/vue-element-admin

  image.png

 

2、Vue Admin

Vue Admin 是一個基於 Vue 2.0 & Bulma 0.3 的後臺管理面板（管理系統），相當於是 Vue 版本的 Bootstrap 管理系統，提供了一組通用的後臺介面 UI 和元件，其中還有豐富的圖表元件，開箱即用

官網：https://admin.vuebulma.com

地址：https://github.com/taylorchen709/vue-admin

  image.png

 

3、vue-manage-system

基於Vue.js 2.x系列 + Element UI 的後臺管理系統解決方案 ,彌補了element中缺少圖片裁剪上傳、富文字編輯器、圖表等這些在後臺管理系統中很常見的功能。適用於絕大部分的後臺管理系統（Web Management System）開發。基於vue.js,使用vue-cli腳手架快速生成專案目錄，引用Element UI元件庫，方便開發快速簡潔好看的元件。分離顏色樣式，支援手動切換主題色，而且很方便使用自定義主題色。

• 評價： 系統出色，介面美觀，更新活躍

地址：https://github.com/lin-xin/vue-manage-system

  image.png

 

4、iview-admin

基於Vue.js，搭配使用iView UI元件庫形成的一套後臺整合解決方案，由TalkingData前端視覺化團隊部分成員開發維護。iView admin遵守iView設計和開發約定，風格統一，設計考究，並且更多功能在不停開發中。

地址：https://github.com/iview/iview-admin

  image.png

 

5、vuestic-admin

一個響應式的儀表盤模板，採用Bootstrap 4和Vue.js構建。這個精美的管理臺模板提供了自定義元素元件，如地圖，聊天，個人資料卡，圖示，進度條等，以及用於登入和註冊的預建頁面。

地址：https://github.com/epicmaxco/vuestic-admin

  image.png

 

6、d2-admin

基於 vue.js 和 ElementUI 的管理系統前端解決方案 。

D2Admin 是一個完全 開源免費 的企業中後臺產品前端整合方案，使用最新的前端技術棧，已經做好大部分專案前期準備工作，並且帶有大量示例程式碼，助力管理系統敏捷開發。

地址：https://github.com/d2-projects/d2-admin

  image.png