【VUE】vue后台常用模板

杨利霞

/ A: m* ~9 c5 V* _. n/ _/ N【VUE】vue后台常用模板
+ R1 Z- X2 `7 G1 i3 v% }/ Pvue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
9 p5 a: G# Y/ a+ Vvue API: https://cn.vuejs.org/v2/api/
7 a8 E0 V- n2 W% ~: Q
$ x( k) p# i8 w$ b; R- j
# U& I1 Z4 W0 ^7 t以下是在下收集的三个常用的vue模板
2 t' o4 W9 I) E
* E6 w9 G. F+ P7 Y( w
1、vue-manage-system


git地址：https://github.com/lin-xin/vue-manage-system
  u; y& n* }$ r1 X线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：




9 m3 |, @. x, X. |; d5 G) s2、vue-element-admin
! y5 k* ^5 O5 P3 V) p2 F7 p! O5 mgit地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n


中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
, s/ H0 S& e  j
0 U1 F0 \1 u: E& p
. S- W' I& P: ]1 j) xIE兼容处理：参考文章
  P+ W# B4 `" Z! y  k3 E! v模板如图：

  `! G9 J  z8 W6 s1 l( ], Z, g
% W* o; ~7 D& S8 E+ v! G( s( g, S
3 Q: h' \" q( h0 v4 l" `
" y$ m* j4 u/ e, y% s2 _( Y3、vuejs 和 element 搭建的一个后台管理界面
7 t9 t' K8 |& l, l6 s

$ \' ~7 p0 D2 R3 K相关技术：
! [1 ~; ?3 g; h% R) M" Uvuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
: y( }5 t  ~; u( Q' U4 ?vue-router：一般单页面应用spa都要用到的前端路由。
  [9 Z9 b( ?( evuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。


. H1 ?) O. K; J5 {! V) q线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
+ P* w$ O. {1 g% W$ U$ h3 z模板如图：
4 D' O0 N  i7 m8 y
6 i: P$ s; R$ @3 ~! \/ G$ v) n8 i
使用：

6 u. Z5 X2 f& {# k
5 ~& J7 D8 s& Z& ?install dependencies
7 j3 l; }  M+ p( E4 ]* L- S; K
, M3 D- p* U+ t) |6 j; P
npm install
serve with hot reload at localhost:8081


npm run dev
/ x. b* f$ c' n8 K  B+ w. hbuild for production with minification
; q" ]2 D& c/ R

3 U( N3 N# {. f; n) f4 mnpm run build


; z. [) W& T7 y. i# R$ U7 f" }9 a4、基于Vue实现后台系统权限控制
; [6 j. k! x. P- c1 \: Y! D$ Q

博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344
, w9 I7 Z- {$ A. A9 M/ t6 w) }

* O+ p) c: E" m# m4 Q* ~" Y基于Vue.js 2.x系列 + Element UI 的后台系统权限控制

4 E1 \, k/ G$ l# \) t" T
8 M, S; L, Y& w5 v0 ugit地址：https://github.com/mgbq/vue-permission
  b0 S- P# F1 t$ ]6 ?4 y1 K线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard
1 h, o1 i) J  z
3 T2 V/ _, x+ p- C4 P" y  s1 b( M
8 V( h. m# ]6 J

, j* ?8 T) L& [3 w. J- V————————————————
4 b- c2 ~* H) l7 |( {& O, o版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
- A5 M& x7 G& K* `8 J( b原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051


: [) f5 I1 x2 {8 `  |" ~: ?  |