【VUE】vue后台常用模板

杨利霞

6 _' U( _2 s. k【VUE】vue后台常用模板
) V/ ?4 j% a$ y/ P5 O! ]. cvue后台常用模板：
( }! F- s7 l! ^4 n; J+ Z% M) `+ Belement文档: http://element-cn.eleme.io/#/zh-CN/component/installation
" h( u  A: W* ^( mvue API: https://cn.vuejs.org/v2/api/


, y1 b  Q; [& A; ]以下是在下收集的三个常用的vue模板
, K) z) M- V9 h3 R$ E
0 d- e' Z1 X! ~7 a. y7 N+ F' U! j1 Q
5 q7 _6 B" z  s) ^0 c# }1、vue-manage-system


git地址：https://github.com/lin-xin/vue-manage-system
8 o2 {7 I3 L- U8 C# w5 O) f0 @线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：

, O) U6 z/ q4 m8 |7 |! M0 h
5 N0 k, g& p7 ]# g: d" n# \  N
8 k4 v: b- U5 q4 Q- p! G9 C* D
2、vue-element-admin
- ?* Q$ j" a$ e. K- Igit地址：https://github.com/PanJiaChen/vue-element-admin
; l0 m& K& O1 {5 O" Y国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
$ u5 R2 c0 o) W) j  t$ K9 A6 @
3 [5 P8 ~1 A/ p: v7 L' ^
中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
9 e7 ?) C* Q4 N. N) O

IE兼容处理：参考文章
模板如图：
! Y2 X& f# Y* ~: F& {) Q- W2 D
  M4 W8 p; I: L' y/ W
' Z% c$ R0 q' _8 k

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


相关技术：
vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
: z: c# @( k+ T" j( p, ~" ?4 qelement：基于vuejs2.0的ui组件库。
% Z% X& [* a8 Mvue-router：一般单页面应用spa都要用到的前端路由。
vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

# m- c. o2 M; z9 q1 Q$ t
线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
模板如图：


9 B# [6 r7 s0 |使用：


install dependencies
6 J. }0 d* l3 c% @, i
' F: p! V) w- M7 U
npm install
! G8 j5 `! h! n4 Kserve with hot reload at localhost:8081
+ I2 ~" V3 z+ |  G. v3 Z
+ _* d. m  M$ S; ]  a5 p
npm run dev
build for production with minification
7 e) F6 C+ ?9 d$ D. X! n/ \$ ^' ^5 C% R

npm run build


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

7 |1 W$ l9 m9 ]* K& e( B
) z* U1 {! C3 h2 ]7 r博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344
# z! G% ?/ l$ [  j% K3 m+ o/ k

基于Vue.js 2.x系列 + Element UI 的后台系统权限控制


5 I9 x3 G# L  {# k) wgit地址：https://github.com/mgbq/vue-permission
线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard
+ D6 _2 @# j& B* M. c6 r  \% N

% e4 Z- M, b2 G0 N, x/ j) ?# l

. p7 h$ u4 @% T————————————————
& e! p1 E9 }9 S2 o. {. ]7 O版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051

$ G; i4 I: @: ]. Y1 b