【VUE】vue后台常用模板

杨利霞

【VUE】vue后台常用模板
& |# t% K6 \) X  u/ n! R0 l  Bvue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/
% D/ c' M0 O& g0 `5 [" u
- O, W# q9 X/ D# _- x) u. ^3 o% D6 e
以下是在下收集的三个常用的vue模板
5 L# y6 Y) k+ v5 b- C+ N3 H
$ h1 y3 z. h. t  z
1、vue-manage-system
5 L- M7 S9 \8 W, N

git地址：https://github.com/lin-xin/vue-manage-system
线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：


& l3 u. p0 Y/ r
7 P/ I' ]* G6 K) W0 g
2、vue-element-admin
% J- f; y3 c9 d0 ggit地址：https://github.com/PanJiaChen/vue-element-admin
; D) v! C  y! o国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n


, k" G* ^6 X8 f/ F中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard

6 j4 D- G# p2 U) T: n% Z
IE兼容处理：参考文章
模板如图：




3、vuejs 和 element 搭建的一个后台管理界面
1 _6 Y* \& }, I& U; C) {$ y, n" h
1 ~$ _( Y0 v" ~  J
% z8 r) l" y( Q0 E' P$ s相关技术：
! V4 V8 E9 O/ R! ~) R6 zvuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
6 n5 ?6 n6 D( `+ Y" U0 S: R) Q1 l# zelement：基于vuejs2.0的ui组件库。
vue-router：一般单页面应用spa都要用到的前端路由。
vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

9 g$ p: d9 \. T" S( t8 F7 U
( k. g5 m4 ]4 \6 X线上地址：https://taylorchen709.github.io/vue-admin/#/login
* s) ]: s$ ~' M1 C' mgit地址：https://github.com/taylorchen709/vue-admin
# D9 C# }3 `- I8 y. F$ [模板如图：
9 |4 y& A2 m6 Q" S! {6 x
: J8 T% S& y$ @1 u
使用：
: x% t/ \) K* y

2 s/ f% ]2 ]# p, k# p  u4 linstall dependencies

. F. B: b8 n" U
( L) p% ^- A5 a# d6 H. J' e/ Q( w8 Anpm install
! j3 O* E! B9 n4 Tserve with hot reload at localhost:8081
. D  L2 G( x" L4 x, a
" b$ A% H2 l- U/ }, m  U
" _6 F' _3 T' d, [2 U7 `npm run dev
build for production with minification
3 n8 O, g( u! v/ Q) K9 C# T
5 g+ R1 Z5 {4 D1 C' W5 Z
npm run build


2 g( p8 s. [( }, [0 J2 z+ L( U5 ?4、基于Vue实现后台系统权限控制
( b9 D/ B2 V! G( k# w8 [2 L6 t

博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344
8 R) D, ]- X- R/ i7 T
0 t# V  F" r( Y- S0 Y
8 f: j% w1 q# a8 {3 U( V基于Vue.js 2.x系列 + Element UI 的后台系统权限控制

, K# A  X1 S4 l/ |( _
git地址：https://github.com/mgbq/vue-permission
+ R7 V# I: m* T  e' J6 Y, O/ z% K$ I* a$ |& w线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard
# R+ Y5 N" Z1 O7 d+ D

/ Y2 i! c0 y; g* B) `
2 O, A" G. i7 v% m! X& [# Q3 ?# j
————————————————
6 z4 M; z) T# E& q" l; k版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
8 R$ H) A' X* A  w9 i5 S原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
& ^: s: m/ h9 s# z
- j$ p- i* g7 L! E2 H0 ^