【VUE】vue后台常用模板

杨利霞

' p9 r7 T+ `  f& j4 {- \【VUE】vue后台常用模板
vue后台常用模板：
/ q7 P9 e3 p0 p' q# w. t5 I# velement文档: http://element-cn.eleme.io/#/zh-CN/component/installation
+ s$ c( _; d* \: m' _: t; _vue API: https://cn.vuejs.org/v2/api/


0 v+ a0 E& i* q- V' P4 N' K以下是在下收集的三个常用的vue模板
/ P, K1 I/ O/ b2 a) k8 P

* l! Z  c* N$ x, N0 V- P3 H. H1、vue-manage-system


git地址：https://github.com/lin-xin/vue-manage-system
% H! s+ F% f0 n( M% }线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：

( W& _2 f  W5 S
6 ^% S! o! B, o  T" Y" H
4 Z& Z  [! U+ g; C" U6 V
2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
! e5 e* p8 F# A( X6 S: X0 N国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n

+ r- l1 b9 s/ {- f' H, v
" n" i+ v3 |. h7 z, X# X中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
8 c. j& D; J' ]" \

! a- z! R& h- h% OIE兼容处理：参考文章
模板如图：

1 E  R% G' H" S( i4 s2 y9 j6 d
' ]+ s- X. s* W$ d3 U

3、vuejs 和 element 搭建的一个后台管理界面
# c. i3 l1 ?( P
! w) k# J0 C" K+ A, D2 L! d
1 X  D6 L$ j8 G+ D+ p相关技术：
vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
: h* e" h% j6 Y# @: w- i: oelement：基于vuejs2.0的ui组件库。
- N7 Z) U1 Y& _9 [7 h+ Vvue-router：一般单页面应用spa都要用到的前端路由。
vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
2 t- j; v1 u4 T' f) B
- ^6 Z" l2 W8 Y, k# c
线上地址：https://taylorchen709.github.io/vue-admin/#/login
% y0 T' [- Y4 _2 E: I0 ]5 ogit地址：https://github.com/taylorchen709/vue-admin
; M0 X; t7 I; V( \3 J, g/ {) E& g模板如图：


使用：
! {6 T$ C2 O1 \! F$ Y5 Y3 U% M

' @" Q( e6 Z4 S. U7 Xinstall dependencies
. {* @) L! Y; b. d/ n+ E
- x5 F& s8 ~2 L# S; b5 \
npm install
& S( v. x% `, n6 `$ Yserve with hot reload at localhost:8081
% h8 k& K' a0 N; g  b, O
- f5 M% ?  A% E2 f; J2 z
. {' \' L5 S8 Mnpm run dev
build for production with minification
: Q$ U+ Z  I/ a6 Y4 P( f4 V2 L% v

' j, b; O' X$ y, ^4 n3 i6 A8 M- F7 Znpm run build
# [8 P* I8 X: j5 X, Y7 x$ l, m3 p

2 `5 x' K1 j, l6 d7 I, Q/ z4、基于Vue实现后台系统权限控制
" j2 v# n8 a& o- f2 }

博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344
! A% C6 ]1 w: N$ U7 ]/ z- P
, K; b+ X& c) B
6 C* h( J& Y( J) h) ?: P9 f+ j: z9 L基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
7 @3 U  q& o" ]2 y! t0 S# k0 y
1 h! J, T4 t* i& n* B1 k
, V7 w! ]0 M$ N5 N/ H- t6 kgit地址：https://github.com/mgbq/vue-permission
线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard
, Z* k; ~  q& W  s2 u9 P, E

+ h6 F  Y) K6 E0 q1 K1 K) x
; K0 t5 B/ @9 y9 V
————————————————
3 a: D* U; ~* z& o$ l9 j8 s版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
1 M7 f8 C0 N$ Z& J1 E6 V
- A# }+ d- x9 |+ ^) ^% Y* v