四个vue后台常用模板，你知道几个？

本篇文章整理了四个vue常用后台模板分享给大家。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

vue后台常用模板：

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

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

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

1、vue-manage-system

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

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

模板如图：

2、vue-element-admin

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

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

中文线上预览：https://panjiachen.gitee.io/vue-element-admin/#/dashboard

模板如图：

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.com/taylorchen709/vue-admin

模板如图：

使用：

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.net/qq_32340877/article/details/79416344

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

git地址：https://github.com/mgbq/vue-permission

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