【VUE】vue后台常用模板

杨利霞

【VUE】vue后台常用模板
vue后台常用模板：
" H* F$ B# }9 g. Relement文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/

6 z+ S8 [6 U# G/ `0 g4 v1 [/ Q7 A
2 v1 [% r4 v6 i2 v: W$ \0 S9 h以下是在下收集的三个常用的vue模板
$ A, p; t( j( d5 C' F

0 G* \  c4 d/ W: O2 a* H; M1、vue-manage-system
, L+ v+ }& H& b7 @0 [
  [! |, |) d6 i# o; i: N% Z4 ]( y- c
9 U! v" a& k% ~6 v$ a' egit地址：https://github.com/lin-xin/vue-manage-system
( r7 A* V: C/ R0 |- {' U8 j线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
5 v% N- M2 ?; m模板如图：




2、vue-element-admin
# x7 q9 @) |' C8 f' i. V7 q/ {! egit地址：https://github.com/PanJiaChen/vue-element-admin
6 \1 E* p' |6 [. W+ j国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
! Y5 E% ~3 j1 f/ t
3 U. z- \  l0 Q! e
, W* O; I# B9 O6 O7 k5 J中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard


- `: V/ n/ c3 \3 f5 v( F$ H' t- mIE兼容处理：参考文章
& d( N% z2 c5 ~+ }7 m1 S) @模板如图：
4 s% m$ ?' F' ?- \5 F9 f

( c2 K7 U( |& B0 \4 p4 X+ a

5 ~, m6 T3 C, c$ j. U: F% G& T3、vuejs 和 element 搭建的一个后台管理界面
  P' p# q1 N4 f! k! N% X2 H4 |& L

' v3 X. n7 A$ W0 v2 J; v9 Y* I# S相关技术：
, k/ t  k% a. Mvuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
: E$ }6 ]+ M; h2 }5 Uvue-router：一般单页面应用spa都要用到的前端路由。
, C' E1 Z. X  G, S3 Cvuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

" ]8 a3 G: n, E0 e: L3 l
8 \' l) ]+ _0 c* e# o6 x4 A线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
5 R# @& `0 E, [! @7 r/ z+ y- a模板如图：


使用：


install dependencies


npm install
serve with hot reload at localhost:8081

) g, ?$ Z# r$ ~! g/ e1 e+ S
$ w. M( q( k/ y4 |8 }7 I% J+ Inpm run dev
' j, f% {0 P4 r/ K  ~  L( O' lbuild for production with minification
: s, G4 g$ e" C' a2 h2 `8 q
" _1 X7 d; n9 J5 N0 b  o
npm run build


+ L/ o. |- Z$ Y) T% ^: n' E4、基于Vue实现后台系统权限控制

# f6 c7 O# \7 z
博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344


9 N: ^: x- ?* E! ]基于Vue.js 2.x系列 + Element UI 的后台系统权限控制

7 S' i2 r! B1 A
) J* p, s, m0 P" T$ ]  q# igit地址：https://github.com/mgbq/vue-permission
线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard
9 T6 R! t6 K  F+ v$ a6 A



————————————————
版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
5 `! K3 s/ Z  u3 m! i5 q3 ~; v
$ R& o0 q- P$ C1 K8 e" C9 a
& P2 o9 C, |# K6 L0 u