【VUE】vue后台常用模板

杨利霞

" I6 z% [5 g' J4 D5 G' i  u【VUE】vue后台常用模板
vue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
' C1 k7 [* U  M  f; Gvue API: https://cn.vuejs.org/v2/api/

0 L9 p! y1 Q- D7 Z/ w  `
以下是在下收集的三个常用的vue模板
# k' Q& H& q6 U, ?' j) y7 J$ K
9 x. P+ |4 Q9 a% U
' K; y: @2 G( w& B4 Z1、vue-manage-system
! i! x+ Z1 {1 H* F
+ f& ~9 n* n8 I
git地址：https://github.com/lin-xin/vue-manage-system
2 f* H& _0 b& m/ I线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：



* {2 @- G1 O: s- T
! G) M# u* z: m: Z/ G8 W# i* O2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
: V9 e( w" L6 p" |+ P; I  b国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n


) \0 z2 x  B0 ~. o" ^中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
5 H5 @7 u4 f, g- M; t7 p# M

5 B5 y, O3 M% nIE兼容处理：参考文章
7 n% v8 S0 g, L) w- P1 }2 D模板如图：
# z. H2 l/ j1 _1 _7 p4 b( N
$ S- i/ L! L5 Y) }4 d  Y4 `8 ?

. Q3 @/ H. _! g% o1 Y/ J
& ?5 }6 r2 P1 F, ]7 B. x3、vuejs 和 element 搭建的一个后台管理界面
5 G2 }6 p& y. O( S8 x

% \( T8 k1 B8 \+ [$ O& a相关技术：
vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
vue-router：一般单页面应用spa都要用到的前端路由。
vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
/ l: S4 `1 k# ?7 O

线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
4 G# W: J5 u6 ~3 W& k; d模板如图：
2 A% S" q% d5 z
' s+ s% _/ {+ \- I5 u
  d2 O4 P6 x/ o5 i0 r& _使用：

2 [! I6 D1 T. b6 U' g
3 r0 y, J* }# F! @install dependencies

+ d& d; H9 D, I
npm install
  z0 T7 W$ |3 `. Vserve with hot reload at localhost:8081
: \6 D6 z6 A( M1 e, v& R# @. B: ^+ f* X
4 R( v( q. P) I1 t9 A1 W
; K" R7 g- }* E2 t1 Y# mnpm run dev
build for production with minification
$ z1 h! n7 s/ l! n

0 y, U1 A$ {) |) V9 U6 f" b' p. pnpm run build


& u8 E. ~' V0 |1 h4 i9 U' N7 e6 y4、基于Vue实现后台系统权限控制
! e9 |4 I6 Q( w- L9 G- A
9 T5 ?5 p' F" T  u
博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344


+ \: m7 j) Q& ~, V% _3 o基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
( c: _& g& \) Y( q/ n
) p. h7 B7 |9 E; [5 y$ E
git地址：https://github.com/mgbq/vue-permission
6 o# `' J1 s  L% D3 f3 V# G线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard

* T) y4 d$ i$ W' I3 Z
+ N. ]5 A7 F% x# m5 J3 B
7 l9 e# w7 _+ G  H
————————————————
6 k/ n/ Y) K! d$ W- U6 @版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051