【VUE】vue后台常用模板

杨利霞

0 g9 I* T) _2 w1 G3 E" @) Q! c【VUE】vue后台常用模板
vue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
: I, P, O$ ~0 Vvue API: https://cn.vuejs.org/v2/api/

0 @: \, \7 x. n) g7 v( x3 s$ B
6 M1 F4 I* @+ _: R, |以下是在下收集的三个常用的vue模板
( i; |7 e5 b1 D3 X  m$ L8 e
- A- s# o/ k8 Q+ s0 X
1、vue-manage-system
1 T" V* o! }! h9 v" m6 `

9 ?& i8 z1 g" ~4 l: g" I; pgit地址：https://github.com/lin-xin/vue-manage-system
线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
$ X- M$ R3 G8 m, V- X模板如图：



% {& g  I9 R* G1 w" ]
8 L9 ^- f7 J! J+ B2 Z6 N' p2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n

) v' s4 v; C2 J: O! ^5 q2 u( `
中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard

0 t* k& z: V! _6 p' ?( j4 V9 l
! p9 ^( O+ ?" g3 UIE兼容处理：参考文章
模板如图：

: ?# k, S- K, N+ |; B) j9 i. T
. {& B" @5 \! Z9 v, W

+ Y$ ^  D- u9 A$ }9 h/ z3、vuejs 和 element 搭建的一个后台管理界面

. F- t; e0 L' a. b
相关技术：
+ }9 d/ i$ t. R/ t, fvuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
vue-router：一般单页面应用spa都要用到的前端路由。
) S( X! u& O+ [2 d3 y3 Q, ]5 gvuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。


线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
模板如图：
% k$ ]( Q8 b3 k3 \
/ C' A* n  L: D5 f  c
使用：
6 _: C) L) c% C8 p& j6 `
7 _. [8 A0 W, y5 w- j" B% v, g' ]4 q
; m- J/ t/ Q1 {. r3 f- Ainstall dependencies
$ e. {: B. D) }, D' R% b$ x" }

npm install
2 Y, I6 A6 B' Tserve with hot reload at localhost:8081


npm run dev
build for production with minification

  N" L) D  G" S$ ~" E
npm run build
  s8 r. Z7 M+ \7 J* p

4、基于Vue实现后台系统权限控制
% n7 g! z# B) [

% ]+ ^$ }4 X  X+ I博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344

: g5 \+ {/ |& I" }, Q8 H
基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
4 j$ {. V. E7 X: p

4 p2 `) i, q, C! i9 hgit地址：https://github.com/mgbq/vue-permission
2 }- i5 Z3 U( z  u' X. L* k线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard
) c6 `; v6 X% C7 |) L


* J. H! D: B# W( [) G8 u3 ?
# R% `& S. d5 z) L3 w1 K! ]: U————————————————
% K2 N- G& y# h$ a* z2 d8 n版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
( U  O( |6 |1 X5 U6 n9 a4 \原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
/ w+ W& s" M% T6 x( D  K

2 x2 g" M1 Q) f' G( @