【VUE】vue后台常用模板

杨利霞

【VUE】vue后台常用模板
4 P: M/ k0 ^" F8 ivue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
) k9 F! m9 s2 ?6 p+ a& r% O/ vvue API: https://cn.vuejs.org/v2/api/
- ?) o! \9 d& y% N$ A  C* a

以下是在下收集的三个常用的vue模板

) U1 k- I# T& c  p" t& T5 f% E3 |
  X* y' e& A0 \1、vue-manage-system


7 z# X3 O3 W* N) R+ ^  B9 x2 i0 }git地址：https://github.com/lin-xin/vue-manage-system
/ [; k2 i' P3 q& s线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
) \$ o* S9 \& ~! [  n) t4 J* x9 |模板如图：
/ G! r1 i* C. h2 a: d" w


1 |% v/ ?; n) f/ ^9 B- H
2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
, W3 Z/ |( A% S3 u: o% m国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
+ n6 U% {5 b; @7 C! q8 U0 `

! }6 M! }) h# n: p* k5 x中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
+ e! d* n: @) J1 T
& ?& w! v. @7 x
IE兼容处理：参考文章
模板如图：
8 _- J4 t5 v, B  ]9 U  F1 i

& G) t9 r$ a2 t# Q

3、vuejs 和 element 搭建的一个后台管理界面


3 G0 g% Z$ I% y; z7 k相关技术：
5 F5 `% C9 f2 z% E" F1 kvuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
8 n) E& j+ ]. c% _element：基于vuejs2.0的ui组件库。
4 z& S6 Z" v* }9 V% U1 J" S* b2 ^vue-router：一般单页面应用spa都要用到的前端路由。
0 g6 w9 h2 R( Rvuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
, A- m- p' D$ Q/ |- S" U4 x

线上地址：https://taylorchen709.github.io/vue-admin/#/login
; _% F( z, J: r2 U# N$ _git地址：https://github.com/taylorchen709/vue-admin
模板如图：
3 v1 r( c( `1 n; \
3 Q+ p5 y- T. I
8 O: Y9 u7 w% Q8 o% l6 b使用：
8 k+ [4 G0 S4 X9 l- J
0 T$ u: r) m# w; I6 N
install dependencies
4 A# P$ }) o! ^# `( D4 j

; Y7 o/ R8 Z* S1 e5 l# S0 Pnpm install
. f$ P# O( Z& {' l; X; [serve with hot reload at localhost:8081


npm run dev
9 i! z" J1 }8 O3 o' p  @/ Ibuild for production with minification

0 g2 |0 `$ F: B7 V& [* X- d
1 F5 ?( r* d9 C" bnpm run build

/ t7 T0 }; Z4 Z9 p
4、基于Vue实现后台系统权限控制

: g" P& K3 M4 L* H
博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344

1 ^( s6 \8 ?; b, y" {
! Y# h$ {0 s- |2 E) i- n3 Y( ~基于Vue.js 2.x系列 + Element UI 的后台系统权限控制

) g* d1 A& x4 h( R+ `$ I
git地址：https://github.com/mgbq/vue-permission
/ m/ w/ ^# n6 r7 U: {* z; d; `线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard
  Y, n. o; O, e: q, d* U  T% h


, b$ i$ T9 U0 s
% Z8 d% D$ Y% e& z) L! E4 n————————————————
版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
( C! v- x( f/ `1 N: w( D5 ?
/ n( D2 ]/ s+ o2 z- j+ n
$ X2 }2 I5 \# K