【VUE】vue后台常用模板

杨利霞

  s+ k; D6 T0 w% k4 v1 A【VUE】vue后台常用模板
- R" u  ^5 ?3 [8 l" Gvue后台常用模板：
# ]9 s# H, f- K8 q/ T% O/ I5 Delement文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/

; S& v+ j) k9 ?8 F; C* b  z
- g% m" Z% C/ I" [+ ~( }; p以下是在下收集的三个常用的vue模板


1、vue-manage-system
- Z' o, i9 I- }
  O3 ~/ P2 T, A/ r: L! P
git地址：https://github.com/lin-xin/vue-manage-system
线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：
2 T, T" T$ F: n5 q( ?5 [


! F: V. b: Z+ ^0 ]; u: ]
! z: l) O: D( H4 B$ ^2、vue-element-admin
+ L2 b2 ?) p# N& Ygit地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
3 Y; g% B/ h5 [  \. T

中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
  \5 c: T, H* S' Z% E
1 Z6 y" f; H) y0 j
6 ~  o0 d, V! k; `+ WIE兼容处理：参考文章
# B+ x) U+ t6 X9 z模板如图：


! W4 |3 F! N+ z& H- K

% J3 w  c" `: y8 g3 S3 C: N/ {0 ^0 b3、vuejs 和 element 搭建的一个后台管理界面

6 |4 v+ L) ~8 H/ j, @. D
/ ]2 \5 e4 ]" Q. D5 f+ m/ I1 k相关技术：
* v1 d# ?0 M- [5 P1 M2 u" ?4 b5 k" ?vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
vue-router：一般单页面应用spa都要用到的前端路由。
" H. j$ @+ b5 U* d1 A& j  Kvuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
& x- `6 s, V1 h! i* E0 O5 i: k

8 C; d) T6 E- G- A4 m$ i线上地址：https://taylorchen709.github.io/vue-admin/#/login
' t$ V$ Y/ }8 N/ U- Mgit地址：https://github.com/taylorchen709/vue-admin
9 M, c: \, R3 G3 f5 b! C) Z% V模板如图：
& e* p; w% i: d. X. `

使用：

  q6 \1 y; K% C. w4 b
* U6 j/ z) k  Q$ e, l3 ?+ sinstall dependencies
6 A* A5 K$ t. C$ }; f' ?) Z
. e, y, X( r- W7 l* D- C3 z
2 Q# T5 S6 q2 f6 F/ Z' D/ D; ?npm install
5 ?+ w  ]- @: l+ ?serve with hot reload at localhost:8081
. a$ A% @+ }) I  Y; I

2 F2 ]. e0 L  |, Q0 Qnpm run dev
build for production with minification
' Z% r% T; f0 ^  G5 B

# S! v8 G, i/ t. bnpm run build
" K; R9 M! e( p* Z/ |' o) D
  p9 r4 u# c8 Z, _; g9 R9 |( _. _" f
4、基于Vue实现后台系统权限控制


博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344
+ f# ?1 K$ d0 Q9 e1 M
8 H1 y, Z. j9 |* g8 X1 c2 k
2 \8 y2 A. r  W! q3 i% ?. Z) ]基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
* Z* H( k% n( J6 l$ c$ r2 G8 H

4 E4 I8 Q9 Z9 v+ m5 d* k* f5 C- Ngit地址：https://github.com/mgbq/vue-permission
线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard
/ T, |! q; R7 d5 E8 H

. _- @& f( Q3 r+ _( k8 U' r  A" Y0 ]
5 I# E) N& Y+ T6 D! Y
8 k1 S$ P. i* h- m( O2 d( W————————————————
9 ]  Y  K! u& t; p( _版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
$ t7 n' o+ s" J; a/ j

( _6 x' N. B- t0 `