【VUE】vue后台常用模板

杨利霞

+ _, n4 v2 B% s【VUE】vue后台常用模板
1 p0 S% W8 z& Q  nvue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/


8 y$ D  s" g& l, ~4 i! B以下是在下收集的三个常用的vue模板
* i0 S8 I4 n3 r) [' Y
0 m. ~6 t" I( f
1、vue-manage-system
2 n% k6 O* `. y* z* Q8 n
4 A* w" y0 r3 m7 R
0 L4 p- n" [; R/ t/ vgit地址：https://github.com/lin-xin/vue-manage-system
线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：

! X8 g# N- v$ ~9 _. I5 r


4 c7 v: F9 c# M5 d0 E; Y  ~2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
- x( |6 a. S" K& y国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
- Y# X6 V2 T5 o/ H' C5 [! A

. s2 g; a/ Q3 i, d0 S中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
" d2 p5 v7 L9 [& _: M

IE兼容处理：参考文章
' S1 h* U% a" K$ R% \7 w3 d模板如图：



- C/ x: R! v3 j# r9 |
# q' m; X# {9 Z/ {3、vuejs 和 element 搭建的一个后台管理界面

  e: L0 K- I& _4 X
相关技术：
vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
5 d  I& h6 ~4 V" oelement：基于vuejs2.0的ui组件库。
8 ^( e) A& l3 K1 y, |vue-router：一般单页面应用spa都要用到的前端路由。
vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
; y1 n8 R  v8 w* B
4 w) Q, L5 N5 R+ V) H
线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
模板如图：


/ }4 Y0 j. b# s- L' }& T使用：
9 u. }: T! R. l# `$ ?+ }* Q1 ?
$ N/ ?; N' K1 z+ f! H" L4 H  }8 W
/ o* I. G. ?/ uinstall dependencies
8 q1 B8 R" ^) A- h( n% s3 G

npm install
9 F8 T0 v# ^) oserve with hot reload at localhost:8081
0 n+ k* q( r7 E5 g0 Z# l( f
& O/ ~. A* g4 M1 ]8 Z
npm run dev
* @) a& k* {6 _; T! hbuild for production with minification
* v1 p9 F+ J8 G& E9 O
) X  [  U. \9 y4 G$ _- I% [$ I
4 L9 c( {3 k7 B: H, nnpm run build


& H& ~, t" f1 L! `4、基于Vue实现后台系统权限控制
% p  H3 p% }6 c( A

博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344
, d4 e) e. T, s' x2 W' n, N% O

基于Vue.js 2.x系列 + Element UI 的后台系统权限控制
6 |9 Q4 I6 \- p/ v3 `$ K& s
7 {6 O: [" \0 j, |  l2 J
5 ^3 f- l% g3 J5 \) M3 _% @git地址：https://github.com/mgbq/vue-permission
线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard




————————————————
) g" L0 p; r/ t$ |' D版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
8 ~, N5 [5 d8 J原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
( ~( f! G5 ?" b& W