【VUE】vue后台常用模板

杨利霞

, {5 I4 a6 N5 W. I【VUE】vue后台常用模板
vue后台常用模板：
5 y* P! P7 ^2 g6 ]  Ielement文档: http://element-cn.eleme.io/#/zh-CN/component/installation
$ Z3 q% E+ \4 m9 z; r$ \vue API: https://cn.vuejs.org/v2/api/
- I7 h4 u6 R8 A: s5 H; t
$ @1 l0 N: r5 h2 Q3 H  v
( j1 r, @' I* A: ]$ b1 e以下是在下收集的三个常用的vue模板


" b; t3 E7 t2 Y+ i1、vue-manage-system

8 [5 b( I# S# A; K9 C7 ^
git地址：https://github.com/lin-xin/vue-manage-system
. w1 n8 D$ d* p1 p3 z% T线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：

! d; G0 }; W/ a+ O- d3 Q
5 v( `5 q+ K7 W/ y* S

, y! g7 i! r5 `, ^  k) c0 T2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
/ u6 K: q! I2 H: A2 k% |! h国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
1 \& ]1 R  }+ O3 v+ G' N6 e
5 ?$ k4 N$ Q& B5 g, i
' C# u1 j; X8 Q中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
) k, @; ~# G& G7 [; U- ?; U  x
8 `; N/ A8 g7 f* R
2 @! [8 V3 b) v6 l! q4 z! i/ x9 YIE兼容处理：参考文章
& p" w' z) k# Y) c模板如图：
& A7 r8 L- K, h0 [; l

8 ?) d  m3 r4 `$ j& M9 H
" @2 A9 ?) _; g) \: ?1 h
3、vuejs 和 element 搭建的一个后台管理界面


相关技术：
vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
vue-router：一般单页面应用spa都要用到的前端路由。
0 e. T* S7 U, }& ~vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
1 P, }( v- ~% @! {0 u' Y
8 g( P/ B7 b) o0 d8 A# H
线上地址：https://taylorchen709.github.io/vue-admin/#/login
2 @0 t9 ~7 Z" Z! G2 p8 W8 tgit地址：https://github.com/taylorchen709/vue-admin
模板如图：


使用：
3 @4 ^: t. u/ |7 X
1 L/ W# H! t0 z. ]6 q
) e( b" r0 {4 H, o8 t0 minstall dependencies


/ c  z' I! v, Z, v# j- onpm install
& A  [3 r* K; W: K' Jserve with hot reload at localhost:8081

; f5 e3 ?/ W, M! ~% [3 p* L* H+ b
npm run dev
build for production with minification


! @+ f  C0 ~! F0 B: w+ \( Rnpm run build
% ], A3 W' c+ c1 Z9 N% N1 M
4 C/ m; R  D( M  ~0 ^
/ t8 K" U- _* f4、基于Vue实现后台系统权限控制

! h' p- k  l# p- r
博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344
: L1 F- q9 y' \0 m4 I4 G
4 c7 k+ _1 g2 i) P) l* o9 e; C1 _: i
基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
% [( q9 t1 X5 [# }: z4 g
, i/ L9 J! S* M' \
git地址：https://github.com/mgbq/vue-permission
线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard
9 z0 Q: {& V& b1 b' Q3 [



————————————————
% c: u6 F. v* E' A# H. C( m: B版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051