【VUE】vue后台常用模板

杨利霞

& X/ m% h' t! n0 L! o0 N【VUE】vue后台常用模板
! F9 n& p& g4 |) ?. x# `8 Rvue后台常用模板：
$ F: B$ c9 @0 F7 d! n5 Yelement文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/


0 X; {( d# c% |& m/ r以下是在下收集的三个常用的vue模板
3 D1 U; \" {( u, k& t4 `1 W

$ K1 C, h$ m6 Z" X1、vue-manage-system


git地址：https://github.com/lin-xin/vue-manage-system
线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
( U* B0 {4 t3 J& n( D# \& {; I模板如图：
+ T3 s" I9 i9 A8 L
! x7 O- r) m  p8 W1 T: ]4 v

; _! }/ S0 [4 Z6 _
2、vue-element-admin
+ q% Y1 {! p4 ~3 `git地址：https://github.com/PanJiaChen/vue-element-admin
0 P/ W0 T9 c, p2 K7 O国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
3 N2 H; r0 N. O' L  E  W( R$ A+ R
. ~  G2 J9 r, [7 L
$ n: }% _1 b* p2 ~3 m% e中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
" n1 l% x0 ^. U' Z4 f2 h
& i+ o0 W% t- c, m  |3 c" y9 x
IE兼容处理：参考文章
- i; m  M3 g! |( X4 P  U模板如图：



7 L8 o. Q5 n/ `+ o7 ?3 X
: `/ k1 \2 Y! o3、vuejs 和 element 搭建的一个后台管理界面

$ Z0 n4 |  q) f# |5 U3 I& e2 P) C
相关技术：
( {' E# ~& }# C2 Nvuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
vue-router：一般单页面应用spa都要用到的前端路由。
  P4 L+ y' X2 ~& k7 b9 I0 qvuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
4 a8 ?4 }" L: k1 Y/ b9 X
  e: l" m2 c9 ^+ V" _) F
; n7 q  B6 @/ j线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
) Y0 E! K/ e  L- h模板如图：


* F) l9 B/ J1 Y. n3 }3 h! b使用：
: y% c+ {4 l; M3 w  r- _

1 `; E6 K  _( j2 m9 x9 F6 U3 W8 Kinstall dependencies
) y9 ^" a8 C8 j* _/ I3 S) i
- z8 G- v; m7 z, Q
& L4 i5 \  N6 |: bnpm install
! h8 F! S9 z$ h$ g7 bserve with hot reload at localhost:8081
7 O! ~, \+ D4 C8 i* d. ^
( m) q2 @' U7 @
npm run dev
( s" h; S& y8 S, ibuild for production with minification


( ^. h: d" r! ~  [5 Knpm run build


# V$ K, [/ r* l; S: B- B  f1 s4、基于Vue实现后台系统权限控制
: O& \8 c7 w( n# M  \, `7 H

# A6 p: p: `7 v博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344


基于Vue.js 2.x系列 + Element UI 的后台系统权限控制

, C" Z* G% ]* `* A- t  a* ^9 b
git地址：https://github.com/mgbq/vue-permission
, I! E- k5 U! @5 C2 v线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard
9 w) d: i# K7 Z0 P% D. H! M
: d  w& @/ p  b+ Z
$ s  Z- ]8 h+ f3 ^, q" l( S. X

————————————————
8 B% ], |$ g8 G版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051

; e9 C. r( N* `2 h. {# O, S