【VUE】vue后台常用模板

杨利霞

6 I  A/ [6 e  }8 n【VUE】vue后台常用模板
vue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
7 R  i2 z$ x# I3 `( g# L) Kvue API: https://cn.vuejs.org/v2/api/


以下是在下收集的三个常用的vue模板

; F# k% `6 R# H5 J  t7 L
" H. b3 ~# A+ o) n' m" J1 |1、vue-manage-system
6 V! f3 w+ A7 b3 m$ E# \+ `1 c; n- Q
1 _' A$ R3 s4 a
git地址：https://github.com/lin-xin/vue-manage-system
线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：
5 H! n4 i8 ]3 Q
! {  s3 h& e0 @, z
( q7 s8 x4 _/ U9 d) T% \* T# U

. J9 z8 F8 V6 k7 e0 s2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
+ b( c' d+ b* V+ Y5 h, Z
& J4 }: h$ p8 Y: ~7 |, v' G( K
. u/ V8 ~1 h9 j# r0 Y2 f  Y$ a中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard


7 }, x. x; \1 a7 ?: M; ?' RIE兼容处理：参考文章
6 o2 Z- ^9 K: q  `; `% n# t) W模板如图：
3 M% ]& g; t$ o" {: J
0 |3 `) c6 [/ y

3 {9 c) G: K- }8 Q
& ]/ A0 g) l( s7 w8 g( }( f3、vuejs 和 element 搭建的一个后台管理界面


* `* E: m' J4 D相关技术：
/ Q" Q" W* ^9 E- y) I+ R7 Nvuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
( b; [3 E+ B" o$ d9 o0 C7 `vue-router：一般单页面应用spa都要用到的前端路由。
' j9 G% Y% P9 O  \vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
2 x( Y! C4 N: ]. `6 F0 F
9 y; I! K# O/ j! P% {1 F
线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
( V6 H1 Q6 p: J" ?: z  |5 X模板如图：


; I. G/ L) v) W# ]5 ?5 U使用：
- ]5 O1 @6 z; C3 |; a: s
2 Y# M5 o9 a% g3 U
! J1 n! h! h' Q" vinstall dependencies
+ }6 Q/ }& g6 }- D+ _# d; ?

npm install
serve with hot reload at localhost:8081
6 I. y* B' E' c, b' F

4 G! j9 w9 |5 ]/ Unpm run dev
) X: p4 b' S7 ^build for production with minification
3 @5 ?- e! m" c4 y! X& s

npm run build

' R# B+ F) P3 e6 s
4、基于Vue实现后台系统权限控制
1 k+ F- f# m* C; X

7 l# ^3 m! d& y博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344
2 ~; E; b" S# Y
$ B4 e- U! j7 s6 Q! G" S# @8 k2 i) q
7 P' r. u$ o% ]" s  W, M基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
5 L% s: J& f: r, @
4 C0 o4 A; p: R" L: i0 l% h+ ], V
git地址：https://github.com/mgbq/vue-permission
线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard
5 c" u% t5 v, d7 M  u  o
" t, R3 u: \$ v% G1 h; a/ t


, V$ _- x( Z/ |. V3 q( c. h————————————————
0 ~, N5 m2 _- K! A6 F" |版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
1 C( l; g! f) t' Z原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
4 a; I7 Y; _; Q: l' b$ x
& F8 R0 U. O  I1 u- t; u