## vue后台常用模板:

element文档: http://element-cn.eleme.io/#/zh-CN/component/installation

vue API: https://cn.vuejs/v2/api/

以下是在下收集的三个常用的vue模板

#### 1、vue-manage-system

git地址:https://github/lin-xin/vue-manage-system

线上地址: http://blog.gdfengshuo/example/work/#/dashboard

模板如图:![](/images/1587970763376.png)

#### 2、vue-element-admin

git地址:https://github/PanJiaChen/vue-element-admin

国际化版本:https://github/PanJiaChen/vue-element-admin/tree/i18n

线上预览:https://panjiachen.github.io/vue-element-admin/#/dashboard

模板如图:![](/images/1587970786482.png)

#### 3、vuejs 和 element 搭建的一个后台管理界面

相关技术:

vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。

element:基于vuejs2.0的ui组件库。

vue-router:一般单页面应用spa都要用到的前端路由。

vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

线上地址:https://taylorchen709.github.io/vue-admin/#/login

git地址:https://github/taylorchen709/vue-admin

模板如图:![](/images/1587970812526.png)

使用:

install dependencies

npm install

serve with hot reload at localhost:8081

npm run dev

build for production with minification

npm run build

#### 4、基于Vue实现后台系统权限控制

博客地址: https://blog.csdn/qq_32340877/article/details/79416344

基于Vue.js 2.x系列 + Element UI 的后台系统权限控制

git地址:https://github/mgbq/vue-permission

线上地址:https://mgbq.github.io/vue-permission/#/dashboard/dashboard

![](/images/1587970839362.png)

更多推荐

vue 公共模板_【VUE】vue后台常用模板