【VUE】vue后台常用模板

杨利霞

【VUE】vue后台常用模板
* A8 G( I$ v( S& Jvue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/


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


2 \( {+ Q6 J! O* @7 o1、vue-manage-system

* x" `5 @0 G2 T% c4 r
0 r1 U& [: [" Ygit地址：https://github.com/lin-xin/vue-manage-system
线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：

) Y2 s, F" d7 ~0 q- d( y  U. H
: I. x4 L% O; j: t+ j2 ~" m

2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
  P4 n2 u* B6 S# l) w5 F: ^
0 y3 X, n" |9 ^4 o2 t7 i
中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
6 Z( L0 E, f/ Y/ A* h

: k# u" D6 M+ g# B0 w' z/ `2 aIE兼容处理：参考文章
模板如图：
0 q% D- M) t1 B8 f% j+ G! d( R
2 J8 Q  g: H2 t; m- Z2 Z


2 X3 {/ u& j) j! C3、vuejs 和 element 搭建的一个后台管理界面
' f$ f" t8 ~6 F( Y/ ~5 h/ y
0 Y( d+ Z: j- E  T3 }
! g; W; h5 q; Q: i+ b相关技术：
4 V3 v$ t! @3 y! T  M2 n( @vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
vue-router：一般单页面应用spa都要用到的前端路由。
vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
3 M; I; f# V7 k( B! B2 P* \
7 ^: D) D% A$ }6 S$ b+ ]& n7 y2 ~
" D8 D5 Z9 z1 M7 [% G6 I8 R% S2 ]线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
# H& G* `; j5 F% ]% E9 y3 J模板如图：
/ `  D' Y9 f! b# v9 ~
9 x; Z4 i$ K; D, @
8 `$ a3 a1 K' L) T使用：
: T( h1 u& E2 `9 g+ y6 a; V! Q

( P$ q' ]( ]1 I! Ninstall dependencies
) [$ V$ Z; h. |3 g/ y: s* w

1 E& i+ e8 R7 V4 lnpm install
9 h; A. G. o6 S8 C5 J( wserve with hot reload at localhost:8081
5 \3 Y9 P+ k9 ^$ _2 M1 t

; w1 ^' |5 N+ Q5 x# |5 tnpm run dev
% ~/ v. Q  J6 R$ gbuild for production with minification
2 B+ _* W0 R7 a$ |

npm run build
& f1 T' E) `3 s
. m. I5 X+ O7 T4 @
7 L9 Q" H7 ]. V4、基于Vue实现后台系统权限控制
8 j8 V7 R( P# F. G" N
9 B- t/ T5 ^; l" W
  p1 G) B9 R  j& }+ M博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344
  [) G! U7 ^6 D( q; T8 s) @! W

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

* h% K6 b  ~2 n0 Z3 K% g4 D
git地址：https://github.com/mgbq/vue-permission
线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard


$ d3 j) W5 w( Z+ N6 ?8 v% c

————————————————
1 u8 |" Z; f! q0 f3 B6 p' w9 o版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
* M9 g, F' R* t4 X7 p原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051


, [4 e( e" Q; k+ {+ ~6 [