【VUE】vue后台常用模板

杨利霞

3 U: m5 V( m6 n1 s* y【VUE】vue后台常用模板
4 f3 s6 L! O5 F* bvue后台常用模板：
; h; x1 {' |( w" x) S: Y! Belement文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/
) x" E5 i2 Q& ^# U6 ^( r) A; ]
4 A% G% t3 s, w& S8 M' b
以下是在下收集的三个常用的vue模板
1 |7 l7 M/ y1 y: J: h, b/ Q+ e
  E) P: p1 _; v# D; V
1、vue-manage-system


git地址：https://github.com/lin-xin/vue-manage-system
+ p2 F. a6 c# D7 I: E, j$ w) ^线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：

' A% x2 J( y6 ?# R9 Y" _

' W" G& c( d4 K. @9 w, Q1 N+ e
1 ^3 q3 E" c  h$ X2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
7 b7 J' P* j5 }4 o国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n


1 Z# }# G; a/ k1 k" f% X中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
5 q" d+ {; r) |. @2 n* P+ K: R, q- g
: P( o' C% D$ Z- X3 ]
6 H7 x' p8 L) K# P: X% N) zIE兼容处理：参考文章
3 @" k  G9 a9 r  A+ m+ ^模板如图：


, C( C) i8 {5 q
+ a3 F1 X* N- {! K! L% E" K( [
3、vuejs 和 element 搭建的一个后台管理界面
7 @& q4 L1 `+ ]
! H1 l/ b4 j) [! q
) L! s% V: P* y; I, r9 w  f( h相关技术：
vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
# X7 k. x$ A7 jvue-router：一般单页面应用spa都要用到的前端路由。
2 ~; A6 D- I0 u8 wvuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
7 N# M: x  {, `1 F; N* U; r
) l( i; u, s" z# l
线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
模板如图：
9 s1 k! I9 f6 T0 G5 Z6 e
  L; Q2 c3 }/ N! f
( \9 |) R5 w2 i# a使用：
2 C5 b0 ]2 w8 k- q; ~2 X

install dependencies

" _0 w  }. C8 ^) d9 c. p) v* a' H
6 g2 c$ Y6 f' i! H; ~npm install
serve with hot reload at localhost:8081
  F0 v. h) Z6 x4 W5 ]

npm run dev
6 w9 s0 ~. ?* S. Bbuild for production with minification
7 J8 k6 `- d: ?; O- T
/ P7 |! l9 ?! X! T7 m5 Z0 ?
npm run build

: k) s6 ^& K7 s: N# ?, j
4、基于Vue实现后台系统权限控制
; c& X# M3 S6 T2 K4 A

博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344

0 W# U* Q3 R1 ~
+ t* v: X/ Y+ ?) z基于Vue.js 2.x系列 + Element UI 的后台系统权限控制


git地址：https://github.com/mgbq/vue-permission
( Z# u; m( j. p$ m; ^( j6 t线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard
  s. ?4 t/ c5 H8 J7 B" o: E
$ ~1 ?: K: t2 T/ Z/ l

& ]; Z& C8 R; S% b6 k2 }
————————————————
  A# h4 W7 H: o  X* C) i0 j版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
6 W5 j. P" k6 d% o& ~