【VUE】vue后台常用模板

杨利霞

- c. m0 h/ {2 |3 K9 v5 g# `【VUE】vue后台常用模板
vue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/


( Q8 \& |) G  h" k, N0 o1 f( m以下是在下收集的三个常用的vue模板
" T, e3 s2 e: ]& @* [8 ]

1、vue-manage-system
$ E4 p# p/ [6 W# J
  Q, E  z* y. f0 w! {
- |# o+ R( x7 E6 k! V) `% T# Igit地址：https://github.com/lin-xin/vue-manage-system
线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：

$ X& x5 y5 m* j" e# f

( q( R! ^: [: O" j) m4 X+ L7 t
2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n


中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard

7 ~; v: K, @# b4 _+ z
; U9 t7 U7 c: i" `& M+ Q+ c- xIE兼容处理：参考文章
模板如图：

# k9 I( I+ j, @# `  ~+ `
* A' c# Q, N' \( @0 o

3、vuejs 和 element 搭建的一个后台管理界面
8 g# f4 [( @6 c) u" y) f5 Q
; u9 g$ w' G% c9 a
& I6 F" V& x/ @. F* Y  ~: J* D相关技术：
. \  D; r9 y# F: ?! Vvuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
" L6 H1 o  k( k$ l% I: f5 v8 @: telement：基于vuejs2.0的ui组件库。
vue-router：一般单页面应用spa都要用到的前端路由。
vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

) D+ d; Y/ {  k# b5 D, M
9 q0 t: |. a3 V# H9 a- |线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
模板如图：

9 c2 u/ T0 z; s3 `
使用：
/ M0 E7 F* K: F; n9 i0 r8 c

2 U- I* M# D5 q( @- V- Binstall dependencies
! v8 O; v, H  J8 W
8 c/ ?7 W% e# d
$ t" H" S8 R) n+ D$ Lnpm install
serve with hot reload at localhost:8081

; r  `( z" y8 }5 J
. m9 Y7 P, N0 c5 `' {, ^# ^5 w  N, Enpm run dev
% ~) `! H. v  c1 j2 Lbuild for production with minification
( e9 y9 _. K0 U5 ~4 j1 z# N
2 f/ ?" r3 N2 V; J2 Y8 \6 s6 A/ k% O
npm run build
5 J4 z3 F4 e9 C) L7 o9 [
7 u9 ^/ N. Z; }6 d5 h6 E% e
- u6 v1 l9 J- K) k5 E4、基于Vue实现后台系统权限控制


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

: C: c6 ~. F4 Z1 J# L  c
& B5 r2 F: M2 R. n- G. @基于Vue.js 2.x系列 + Element UI 的后台系统权限控制


, F! |6 S: G" A* {4 d, cgit地址：https://github.com/mgbq/vue-permission
4 O$ m- M7 S( q8 Z' S3 V& N线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard
: o/ l- t: C- H. o8 V

4 R" H1 v9 v9 M3 k

————————————————
版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
. H8 S" y) Q" O4 \' x# C# z- ?# P原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
  l( R/ N: V' K7 X5 N" Z1 F
3 E5 `3 s3 j/ L! M. O4 Q6 t) v
3 t+ C& e$ O6 A; R2 N, Z) I