【VUE】vue后台常用模板

杨利霞

& D( s" P  O/ N  J2 A: W; d8 n【VUE】vue后台常用模板
vue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
8 `$ v' y, t2 U; F7 d6 M( n* {vue API: https://cn.vuejs.org/v2/api/
6 J9 m6 l9 F; e# V7 N) O
) x4 x& U5 i/ _0 E+ B
( I* P( Q9 ~3 O7 H% N) t以下是在下收集的三个常用的vue模板


1、vue-manage-system

$ f* p: A( [4 g
  g# T) w+ [: t) S+ Xgit地址：https://github.com/lin-xin/vue-manage-system
线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
7 b9 ^+ `, Z& n模板如图：

* E0 O$ {$ U7 G" ?0 a$ A
. l, q( v5 i+ [* W4 ]

- K1 D  {( d/ r2 @2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n

+ x! n! ~  f# q: Y9 E. R& |3 F
中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
8 q, @) N0 _0 K+ I- I6 p8 w
$ g7 g2 [1 h1 X9 f9 {& o
" l4 s" d+ W/ q& n) {7 CIE兼容处理：参考文章
4 K4 F4 U7 X1 P7 V7 W0 k) m3 h模板如图：
' g3 X7 H' W) K

  b4 h5 |. O) U/ \* l1 ]# Q

3、vuejs 和 element 搭建的一个后台管理界面
3 Q6 D! m, P* m4 L8 P2 _% Z

相关技术：
3 V. I( L- T( P8 R. Zvuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
vue-router：一般单页面应用spa都要用到的前端路由。
vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
* z, Q' b. D8 O4 P  g2 q, l6 s4 S. W
- F( s) u' @. l; H" q, ?
线上地址：https://taylorchen709.github.io/vue-admin/#/login
% k+ P: |4 K. W( a( S# A# igit地址：https://github.com/taylorchen709/vue-admin
模板如图：
& b$ d( J: p, I; B8 _$ F& p4 h
, h3 G/ c/ _& o9 Q: P* ]5 l6 w! c
使用：
& F9 T; i- Q+ a0 f
8 {5 C0 h3 W/ c
install dependencies
; T6 M/ ]! u6 N6 r& W

npm install
serve with hot reload at localhost:8081
+ N; @+ ^7 l; c5 @
* q5 ]' ?" h7 H0 K/ _1 k
npm run dev
: _, v9 D7 U1 |+ w, f* @build for production with minification
1 `( \5 u; M4 q% h3 w* v0 n2 B
/ g$ _8 \- K& b; a
+ B2 M+ Z/ n1 M$ G8 dnpm run build


5 k/ i( ~3 o6 G4 r" r1 Q% @( X4、基于Vue实现后台系统权限控制


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

6 W' `- T  y" H& @
: r9 O6 z3 @4 K& {& @# P. V! r基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
& s! W4 f6 H7 }7 |; k& D$ H3 }8 |
( d5 Z" i( b$ z9 Y: s
  `5 a, O( i; k* c5 r- Y# e+ X; X- `; ^git地址：https://github.com/mgbq/vue-permission
2 J/ h; s& f$ B& S8 O线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard


3 F5 ]3 y. e9 g% t2 j# h- I

6 e5 i1 @6 x( j" b- a————————————————
; O' g9 {8 N+ ]( `# D1 {* N4 U; C版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
" [  N$ _3 K8 {' A! g4 H. W原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051

% x0 |. ^+ [' x% h; d  {, E; E