【VUE】vue后台常用模板

杨利霞

【VUE】vue后台常用模板
vue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/


! t% {. F7 `  w5 o% P5 N8 I以下是在下收集的三个常用的vue模板

6 u' q7 M3 |4 T
1、vue-manage-system

4 ]' L: n, q0 u
git地址：https://github.com/lin-xin/vue-manage-system
0 v' A5 I% B6 a2 g+ Y( Y: j线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
/ {; m0 j, n9 A1 |, D  k模板如图：


' X& V0 X5 M/ d" {2 P3 \
& d" c" ]  {6 E9 \. |
2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
$ v8 o9 e. G& R3 j2 A7 d2 S3 o( T国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
$ ]1 g+ E- i2 U1 v- S8 ^, i2 U

中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
- u' _7 |9 L6 Q

IE兼容处理：参考文章
! `( ^8 e2 P, z模板如图：
6 _# E" S% ~3 A3 p
% M& |* U& S$ E

/ I+ d' F- B& _- v) s: }0 F
3、vuejs 和 element 搭建的一个后台管理界面


  ]1 {: A9 Q5 {& _" D& Y+ j7 W/ P) p相关技术：
$ R1 h- U" O4 ]vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
- t% f$ O8 q( s* L, \element：基于vuejs2.0的ui组件库。
" @5 @) c. |9 [* {9 |% @vue-router：一般单页面应用spa都要用到的前端路由。
3 o& A+ c; N, |5 p! C, evuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

$ F# W' `$ N! x( |* f
线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
模板如图：

* o- F  y- f+ P* ]: O* T
使用：

; J9 w9 k. t* [, r3 k- S1 F/ J8 v
  J* _" W" g/ g$ W5 |6 x& d# Oinstall dependencies


npm install
3 H" t1 e4 m( Mserve with hot reload at localhost:8081


% M* c% w1 T* b9 K3 a* knpm run dev
8 x  w# o2 R) V& A- R6 y- ~3 gbuild for production with minification
! l( T8 C; b: m5 o

2 Y2 G, c. f1 S' ~" e0 Snpm run build
0 T+ D" M3 ~# ~6 s' a

4、基于Vue实现后台系统权限控制


. _: H2 j7 M: J0 f博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344

( C5 ~3 I+ e0 H, O- r- `1 o0 ?+ [
5 t- D2 M* T6 Q基于Vue.js 2.x系列 + Element UI 的后台系统权限控制


6 Q( b8 \& G+ y/ G* Hgit地址：https://github.com/mgbq/vue-permission
线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard
4 L* b( v0 |' \$ [9 x0 J; u' I, U! ~6 Z



————————————————
4 s6 X, |# r( o! p" x1 j1 v版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
; O- `. Y) ]$ S$ @! N, p! w1 z: [