【VUE】vue后台常用模板

杨利霞

) A% L/ ^/ e' X( j/ x  I# B; N【VUE】vue后台常用模板
7 H  H1 r7 B' Y/ ?vue后台常用模板：
; m6 O2 j) s4 U) l0 jelement文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/
2 s/ ^; y1 f- s( L7 [$ y  c$ q: c

& c- C0 H3 z' n" {4 I$ s以下是在下收集的三个常用的vue模板


1、vue-manage-system
0 g0 x$ \5 d/ ^: \. S* G/ e

. n' O$ s  G: A: G+ Qgit地址：https://github.com/lin-xin/vue-manage-system
线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：

4 ~: c/ i* K6 a2 \8 h

1 i1 t& ~; r+ y  Q
2、vue-element-admin
" W# q) J! T. a( k/ M/ Mgit地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
& V+ ^: ?5 m9 o2 d" }  Z

& R3 C. A$ B! r# }; B8 ]# J中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
% O' J2 V1 g4 {6 r: I2 N' H- R

IE兼容处理：参考文章
模板如图：
  A7 m7 k6 ?! S% Z2 O2 U
" S1 w+ k+ ?5 n. U
( U. f4 f1 r# p6 G% D1 |7 s

3、vuejs 和 element 搭建的一个后台管理界面


相关技术：
1 k5 Y4 V4 L+ {' Qvuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
; b: j2 q1 D# V- g/ q4 N- s; zvue-router：一般单页面应用spa都要用到的前端路由。
: j3 w2 j& A3 k* ivuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
* b: C2 w' |% i, I
1 o4 t% L, [1 f& O0 F
线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
模板如图：

- g9 V1 e" e% z7 Y' T' S
# @8 n# E" P: Y/ i  X: x! i& [& E$ E使用：


& v8 @2 _9 D* d6 Pinstall dependencies

3 o* F* }4 i9 p$ Y
npm install
# A3 a7 x5 a( S  J; b' ]% Y3 Sserve with hot reload at localhost:8081


9 y1 x6 C- t8 t. u5 S; B) v# lnpm run dev
  O/ A: _8 N' ]- g+ ^/ }9 Bbuild for production with minification
. f0 r! b$ g  |8 P( N7 E3 B& Y

npm run build


9 ?) ], g6 k! s+ J4、基于Vue实现后台系统权限控制
/ q8 c; M7 p7 i& Y' c8 w

2 @) j" o& |2 X$ y: d5 [博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344
3 K9 b+ h; }# L. V( N, x
. h8 s6 P8 C. R8 c/ Z- N$ Y) M
基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
# {8 Q' ^' H3 |" m5 H
/ m- y" @3 h) V$ s
git地址：https://github.com/mgbq/vue-permission
线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard
/ g* [- i$ |5 L9 }



# `( E: T2 c1 B+ h) d————————————————
9 l/ b  r' {0 C' I/ y# Y  J版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051

0 U( {4 M6 n' \& v5 H3 h  e
$ ^4 F0 D7 ?5 _2 O, A2 c$ }