【VUE】vue后台常用模板

杨利霞

4 D' n% C! v# D* C- V【VUE】vue后台常用模板
vue后台常用模板：
) y  @7 R6 e7 R) [: `2 R9 E) a) relement文档: http://element-cn.eleme.io/#/zh-CN/component/installation
. ?5 n7 M* c) P+ `' Vvue API: https://cn.vuejs.org/v2/api/
. v0 k8 q# s# H, a

7 N7 d, [' W. @& f0 N% s以下是在下收集的三个常用的vue模板
. r  p3 d; d4 b) `. J# I# j

1 [. t9 q. {( @1 z1、vue-manage-system

+ M: S2 @9 R/ G) z
3 w2 T, Y5 w: O5 i( E: V1 R* Tgit地址：https://github.com/lin-xin/vue-manage-system
/ ?8 i7 G. ~& g; H2 Y线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
$ L/ l! h( w( t+ S8 k/ N模板如图：
6 O! v2 L! I5 N8 K9 `) y/ l# h
( U# ?4 [' ?% P+ _* S+ G

- x4 u3 Q+ U% K% {8 Q
2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
/ X+ x1 _+ K) j) \  X5 _
4 U( O$ v+ {6 n+ [6 _/ L+ g* i
8 m( Z! R- `* r! M中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
! S' V# Z$ m4 D: V5 Z9 j
; e9 t7 x0 g( P7 f6 M
IE兼容处理：参考文章
  y/ U5 b7 L* H  b- u* `9 i# D模板如图：

7 \1 i, z7 T; G; L1 Z' ~# d

; R! E2 h( z" `4 J
. B7 U8 v8 `# U. n+ C  C3、vuejs 和 element 搭建的一个后台管理界面

: F* y5 t( P' \# f  o9 n  b
4 G; x  b# M$ J& q0 I/ V% F相关技术：
. b, a1 C. Y: P8 d1 a* s, {vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
- z, c$ G; E# p3 H/ H; Felement：基于vuejs2.0的ui组件库。
5 |. ?9 B0 M  z3 Y7 ^9 i  m' a7 Zvue-router：一般单页面应用spa都要用到的前端路由。
vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
. g: L9 s: A4 e$ S) e

6 A$ u2 O8 d$ K0 t$ P; M线上地址：https://taylorchen709.github.io/vue-admin/#/login
* d: \$ p0 R. B+ j- Y; Igit地址：https://github.com/taylorchen709/vue-admin
9 T5 r* s+ Y; P模板如图：


" b! `/ F: S' N6 v- E使用：


1 L$ G" l$ Z% g8 Vinstall dependencies


. _4 ^2 M/ D9 C5 a- Pnpm install
4 Y( J3 V; A+ ^- Q! Rserve with hot reload at localhost:8081
2 I8 p3 [5 u. l% q' o
5 c7 b0 o" R  T; m
npm run dev
build for production with minification
! s: P3 B+ @" A8 k
  `0 I# p3 H  ^; ?/ W0 |
npm run build


/ d" n1 Y8 I( H4、基于Vue实现后台系统权限控制
6 \) v- h2 l4 y9 w+ M

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


  h9 [( Y# ~- M基于Vue.js 2.x系列 + Element UI 的后台系统权限控制

. }& ^7 W2 j  G5 R% [
git地址：https://github.com/mgbq/vue-permission
' d& f1 h% _: M' P线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard

3 V$ v; ]. E7 ?' C. }


8 B$ H# f' a9 q0 n9 |( f# f' U————————————————
版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
8 _. W6 [2 t6 m原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051