【VUE】vue后台常用模板

杨利霞

【VUE】vue后台常用模板
3 K6 ]8 }( w6 m0 W3 h, d9 hvue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
# Y# {  x9 Z  C# u1 F" y7 qvue API: https://cn.vuejs.org/v2/api/
( m5 H% [. B3 X# p9 h$ [
' n. e, g! B) C6 m( P
以下是在下收集的三个常用的vue模板


1、vue-manage-system

, i, a4 `! H1 s1 t" F5 ]; V1 O
git地址：https://github.com/lin-xin/vue-manage-system
线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：
' ^! y: V" `% x
5 W1 F0 z2 N# N


2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
) z- k4 m3 k- h) ?国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n

% e4 b6 [9 v3 t" @4 d& Z4 z* O
  I; @5 S0 A( S! A/ b+ R中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
& [* g7 {* s: B0 I$ I. f' U
" k. S0 R8 A; d1 p+ r# |
IE兼容处理：参考文章
模板如图：

" i' [6 a, A$ i- \% G; V  Q: @


0 W5 Z0 s2 M. ]* d) P/ p" Z) K3、vuejs 和 element 搭建的一个后台管理界面
5 V" S7 Y# D( f- }: g2 {

* s5 @6 N& x, W) r: v, m相关技术：
vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
) q! a# M0 l: l6 L2 \: i9 P/ v1 |& welement：基于vuejs2.0的ui组件库。
; r' `. N; O" t! F  Q( V) dvue-router：一般单页面应用spa都要用到的前端路由。
vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
  R. u% z  _* e" s

! E. f  K8 M7 @: c$ c$ ?9 P9 x( U# D( t线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
模板如图：
2 \9 e1 t( E; C' H! Q/ h7 O

使用：


! s. K! b2 r1 R1 W! \7 Tinstall dependencies
" C4 S8 f4 @9 G6 m2 Q" O$ `4 P

npm install
; t% l1 ]+ t+ H: q: _# cserve with hot reload at localhost:8081
% _$ H$ a7 A! o* @2 ]
. U1 }: _. [) L7 u( b1 G
' I2 `) m( c' D  hnpm run dev
7 W3 W  p$ S( y; ?$ dbuild for production with minification

8 t% v8 |5 k& p! |) V. w0 W
npm run build
: k$ i( Y1 h7 l8 {( f/ d' i
, E/ V% c$ y$ b5 {2 p4 ^
4、基于Vue实现后台系统权限控制
) Q/ v0 ^9 X/ Z) N

: v, S' F2 e4 F1 L; V博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344
' ?; J) }2 `8 A" w

基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
/ z% l6 H1 [# w& x+ U7 i8 D9 r

git地址：https://github.com/mgbq/vue-permission
, r  e3 Y2 N( w; ]6 d' L- M/ q线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard




————————————————
+ x8 y+ \. Q8 ?0 M& U3 L版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
4 k/ W( K2 T1 F" W- U3 x
/ V' t) s1 ]- D1 U9 Y+ L# a
$ j( u/ v  `5 `4 Z* M7 ^" _