【VUE】vue后台常用模板

杨利霞

5 U7 b. c5 p( H8 P; D& y. ]- }# _【VUE】vue后台常用模板
7 R. P: G! i, `- Dvue后台常用模板：
: ?2 U# c3 F# f" Belement文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/
4 H- V, s( z2 _- _, E
- p$ u- `2 n5 D# `! Z, B" I
- m. c. m( l) z' z% W/ {, |5 n以下是在下收集的三个常用的vue模板


1、vue-manage-system
: R' m* [8 R* u) |1 _6 Q8 R6 ?
/ ], v$ }" c5 X
git地址：https://github.com/lin-xin/vue-manage-system
线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
% H( u1 y! r( `, N模板如图：
, J2 S7 k% A! @; g
: L3 s' ~7 _, ?, j5 r
# r, O5 J# j) P/ y4 ?$ r, B" g
; A* N( l7 Y/ \3 G3 \/ [
0 B, o( i% }% G4 w% L2、vue-element-admin
6 y- i% u3 ?1 Q: w3 ggit地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
* ]9 K5 M! V4 H9 i& ^% n: }

; N7 A6 S& u. |中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
! t! p! `- b1 Z1 [8 ~# o$ @6 G
9 r" ^/ C$ X/ x8 A% ?3 {3 T
IE兼容处理：参考文章
模板如图：

# e) t  e5 d3 C+ l$ e. [- w


/ c0 z! j( A. Q8 C/ B/ T" P* l3、vuejs 和 element 搭建的一个后台管理界面


相关技术：
vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
$ r3 G. C+ ]- v5 `" Yvue-router：一般单页面应用spa都要用到的前端路由。
vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
1 ~- E1 |1 _) y( w

8 C& l3 f5 Y# f7 u; c$ A: u7 p线上地址：https://taylorchen709.github.io/vue-admin/#/login
0 _! G8 P- R, \# X  Ugit地址：https://github.com/taylorchen709/vue-admin
1 M/ j% }# R$ e模板如图：
7 K: s  {. \" V! a

# u2 ^5 ?" v7 M0 B: Z6 @( Q" H5 ]使用：
3 |* A& M1 N% W8 C0 v" c
: R2 `: \" `( [
install dependencies
5 C; Y$ [% q' K; m" f
- H9 J! z1 r6 j# ]# [! g" r
* q  E$ v. A9 I/ t+ @npm install
serve with hot reload at localhost:8081
+ k6 f+ u1 [3 S

  @2 G! i5 y, D& jnpm run dev
build for production with minification
4 P9 O: Z6 F* ?% T, }
) D: k" I( g& T3 q" v& |' T' G& }
npm run build

" ?/ G3 Z4 C' e% @
4、基于Vue实现后台系统权限控制
" Z0 M' Z) L' ~2 T, }  n, `# w7 x
% d" V2 ^8 `4 v; l0 l2 {% R
博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344

- a6 ^8 L) U/ b5 t* v0 O
基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
/ W- n( N* l7 U0 R0 M$ M

3 I2 n  \4 _) ^- s  K# i& cgit地址：https://github.com/mgbq/vue-permission
% l9 o2 P" x+ @! E线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard




————————————————
版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
* u5 D* n8 S6 H6 ~原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
# a6 b+ G7 p" U: i, b8 u/ `6 z/ h