【VUE】vue后台常用模板

杨利霞

5 \6 G( z! P3 j. O【VUE】vue后台常用模板
vue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/

. E$ w9 j( w6 w# I+ k
) g3 x( G6 p: R7 N  u8 V. f以下是在下收集的三个常用的vue模板

0 W4 {, b  e, ?$ N
1、vue-manage-system
; d0 _! p( q' t  i- n, g/ \
1 m6 I: l% n4 h
1 v2 L5 w2 y) u! F) W& ~' K/ d/ agit地址：https://github.com/lin-xin/vue-manage-system
8 ]8 W- `; z6 l) n/ X$ m5 ?线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
4 b  h7 T- Z8 `, R1 ?7 K) M, [. Z模板如图：


8 ~* s+ r0 o1 H! r: ~/ b& H5 c2 e
% k% k" j3 B( B" A3 D5 _
: U5 C' k) h1 y4 n) u. y. x2、vue-element-admin
" o! w8 a* G" igit地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n

0 |; b$ a0 l1 s( ?5 g: Q
7 B% Q* d) I0 o2 j" M* r6 Z中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard


IE兼容处理：参考文章
/ |: b& S. V  h% {  B' l' l. \8 H模板如图：

  g% i: k4 u$ _# B% H) O
7 X  M( q- ]. [& b* F3 x, e% S
  `; N6 j) P6 _1 r: f1 f
3、vuejs 和 element 搭建的一个后台管理界面

  m6 D' j- p; l( X
5 T8 Q6 V; C5 Z" ]相关技术：
vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
vue-router：一般单页面应用spa都要用到的前端路由。
; Z) ~! v" o$ t7 C7 D" mvuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。


/ T4 w$ x6 e/ v* D! F线上地址：https://taylorchen709.github.io/vue-admin/#/login
( L$ v# N" V' N3 s" h( H% u9 Igit地址：https://github.com/taylorchen709/vue-admin
  t1 V9 U  f0 u模板如图：


. F' u, ?, x- _  g9 m9 S8 R使用：
" F4 N" W: B- c* b8 U/ [

install dependencies
' }$ _& p' ]% f' z4 \/ q% Z

npm install
. T- d6 \, D6 S+ |. M, Userve with hot reload at localhost:8081
. \2 o8 @0 u1 ~6 @3 B2 `$ K2 c
- n: G, H% I- |  V* Z$ Y5 P4 N9 q
npm run dev
0 C3 I9 U* C0 V6 L% @! p" w3 Sbuild for production with minification
5 p* H7 h" A6 U' c

+ o% T# U7 b/ H& Y7 i. Knpm run build
+ v+ d2 F. P3 {! l( I7 {

) C; |  d# ^& `5 b! U4、基于Vue实现后台系统权限控制

7 `; t; A' _, b* W  }' i
7 B6 F; j7 q8 l1 P5 B5 _6 L, y博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344


; k1 s' ^8 A/ a8 v9 I' @  Q基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
  M5 W% n; M& b0 Y& D, z

git地址：https://github.com/mgbq/vue-permission
' M' b9 _4 D4 n1 Y8 Y线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard


: I' L- k8 `* i$ G. _( a3 F1 D6 [  R

2 V! q. V2 f: V0 s  d* m————————————————
# u9 E/ G, ]/ d+ r5 @/ E9 j8 D- }" S版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051


0 i$ r' y/ ^, H; V