【VUE】vue后台常用模板

杨利霞

【VUE】vue后台常用模板
vue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
( A0 t: O+ K4 H0 Y9 \" `vue API: https://cn.vuejs.org/v2/api/
  ?0 p0 |1 `3 n  a, k! d
5 p9 d6 l) J* z  @; S% Y
* H; n* u: H9 ~( r: i以下是在下收集的三个常用的vue模板
* W) E4 m7 N+ N( s: |( S
' Z2 M3 H$ R  ~: K! s# ]
3 s, r+ w- _8 w; X$ |* d1、vue-manage-system
# O- u  ^) K' W4 z8 s& {) S
* y' S* ?! G( l5 {$ V9 z
( l1 C  @0 w! Ggit地址：https://github.com/lin-xin/vue-manage-system
& F- e, U9 P# z! }1 p线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：
+ c3 x$ F4 V! c7 _8 ^+ I& y2 e0 y% ^



6 d. C) R2 ?' Y' j2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
$ j5 l7 t4 {/ T" G  n" B/ `国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n


中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
6 d. {( o, F* R( \5 J; X& D7 u
0 @+ D0 b" ^, e1 X
IE兼容处理：参考文章
模板如图：

, ^0 q7 `5 j7 z) B6 ^9 X


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


相关技术：
) y* |, e. D) ?9 u. y8 fvuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
2 h  a1 V7 A+ \" g& o, p; d. V; wvue-router：一般单页面应用spa都要用到的前端路由。
( K( N/ E. J: [* l5 Z. {vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
5 E# P7 z% f" v' Q+ L$ S) m

( U6 ^2 \) E) x0 v5 r' t. ~/ u线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
. c) o" a8 p8 X  P6 c0 z( l模板如图：
( z0 y0 K: t7 L1 E/ R, |5 O8 p

使用：
, @( ^; u, s6 p3 @' t% @  S

& {; u5 |, U7 {+ Y+ l% s3 ]  dinstall dependencies

% h2 V' C0 c; v% P" ]1 I, J
( ]2 t: C, w4 m2 n/ l- Znpm install
serve with hot reload at localhost:8081

+ @) V8 p! L/ ]& r7 ^
npm run dev
build for production with minification
; V2 u) @( m' Z) L* X6 `, s
* I8 b& `$ R' {
npm run build
' c" _6 q- u2 w7 _8 L8 |8 }

4、基于Vue实现后台系统权限控制

  h5 g0 _9 M! N: L/ Q: I" T* ?
2 W' `; t+ l7 ?1 B博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344

/ ?( ?+ W) ^7 c: P8 r
基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
  K9 Z3 h8 m! O6 _: m) M0 @

0 m) S: h% ?* R# {/ c7 Ggit地址：https://github.com/mgbq/vue-permission
线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard

# ?* S( `! O: T; q; B
% l0 _$ l. `; C/ j# X( Y* N
% p4 a1 [5 Y7 M* t; E
————————————————
版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
! E7 P; c. V' U: q' M原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051


. N* @/ J5 p; M- D2 G