【VUE】vue后台常用模板

杨利霞

. @- \. k. \( B, ~) C9 _【VUE】vue后台常用模板
' }4 c: J& b% y) q6 H( J9 w5 i$ ]vue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/


以下是在下收集的三个常用的vue模板
$ r. E. f7 D$ Z- ?8 z

1、vue-manage-system
2 J: k* b1 F+ {# d/ G

" J" f: Z) H, a$ S- F5 _! qgit地址：https://github.com/lin-xin/vue-manage-system
线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：
: H5 n  T6 N- W. Q, v( k


$ l- l. f) R7 \# R0 i
2、vue-element-admin
( X7 e3 O" K' T6 r8 Sgit地址：https://github.com/PanJiaChen/vue-element-admin
* Z' G: n* u5 E4 F1 }8 ~' G国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n


中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
& }+ @# I5 Q5 S6 |8 b

8 x+ d+ G  z2 p. mIE兼容处理：参考文章
模板如图：
5 S+ p. Y) }  n& b0 t



3、vuejs 和 element 搭建的一个后台管理界面
3 D) N0 a2 ^1 M1 x

相关技术：
" Y2 C/ I8 h" C6 \0 Ivuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
0 m4 u1 t" W8 b& jvue-router：一般单页面应用spa都要用到的前端路由。
vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。


线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
模板如图：


使用：

6 i/ `9 }' i: S: c
. d* m; U7 s& {1 U; Jinstall dependencies
7 o8 }/ V' t1 y* b: {; X$ \5 ?
* m4 F# g2 k& C5 ?& }* s0 V
npm install
% C1 D! @' E4 f+ E9 F1 I2 Lserve with hot reload at localhost:8081


npm run dev
9 i9 H9 O; v0 D- ^. mbuild for production with minification
( r' c+ T2 u+ r* h0 a

npm run build
2 b+ P5 E; G+ L

5 l* N/ ^* K5 q" O; j" A4、基于Vue实现后台系统权限控制


; G; S3 I6 I7 S5 j$ y2 D& ~博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344
5 C. t: t6 B& q- c: n

% q1 _# H& ~/ _1 X; f基于Vue.js 2.x系列 + Element UI 的后台系统权限控制


, K5 X0 r) I5 K8 x$ ~git地址：https://github.com/mgbq/vue-permission
% j8 P; \3 v; k  B线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard

9 w- b. L* \0 f) H! m) l
) Y; k$ |0 {# I) u4 ?$ N" v8 y, l
4 R4 s# v( x( g) b( x
————————————————
* g3 C, s& j& r+ `/ l- i( J版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051

- }: h: A3 o8 Q
' Y. |( _* `  q. I- ~