【VUE】vue后台常用模板

杨利霞

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

* ]( K  u, W$ u- p- U2 Y
以下是在下收集的三个常用的vue模板
" K* B- k$ ^' o* V9 {3 }4 i

1、vue-manage-system


; d5 U# G) P$ F! a  v2 n  ngit地址：https://github.com/lin-xin/vue-manage-system
4 s- h5 [4 v3 D' A5 r, {! T, X; ?线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：



  W( {2 n! Y/ m. p2 F, b$ K
2、vue-element-admin
# O' y3 q  w, T) r3 }git地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n

+ ^$ U. ]" i: I  O% N
- j* n( p# b3 ?# N- F) _中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard
4 X0 E( [6 s" @) q

IE兼容处理：参考文章
模板如图：
+ i4 Y! R$ Q! `' z9 C- |5 ?9 b

- u8 J7 ~! Z' {9 j7 o5 u' N# i
) j" w$ A0 W" Z) M6 l
3、vuejs 和 element 搭建的一个后台管理界面


相关技术：
3 l+ [6 T' X$ ]vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
vue-router：一般单页面应用spa都要用到的前端路由。
. ]8 |# g* g: j% [9 d( j" K, Evuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。


* ?- u) s# j% I0 s! X线上地址：https://taylorchen709.github.io/vue-admin/#/login
. l: J$ {6 F- Hgit地址：https://github.com/taylorchen709/vue-admin
. o2 F8 H2 A: u1 O) `模板如图：
9 [6 H7 F; b$ O( p1 [$ G

$ X  c! _$ H, _7 h使用：
  ^; p- x! h3 [8 `/ O: a

install dependencies


npm install
# z4 ^4 v2 F( [$ p( L( bserve with hot reload at localhost:8081
2 h2 x, B3 N/ ?7 Y& s

npm run dev
build for production with minification
+ A7 e9 p& [+ G& y* L! _$ m

8 l/ P6 j3 Y$ n" C5 [7 Jnpm run build
$ f9 X' t8 q" Z4 w8 W. E7 ^
8 ~& C  K% N  Y" X7 X3 i" ~
9 v. T3 V; b' S1 |4、基于Vue实现后台系统权限控制


博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344
4 p( c/ S! ^% |
. R) I7 h; H7 r9 ?5 b% W1 r
  m: O2 M7 V0 b& \基于Vue.js 2.x系列 + Element UI 的后台系统权限控制

3 m( i  N' q1 e) c& D. _5 c
2 v! N9 a) u) i) d' s; ?- ?' Jgit地址：https://github.com/mgbq/vue-permission
" k& \+ Y9 y7 j7 R3 v' a线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard

4 i) o3 |' L7 k6 P/ e# z, {


————————————————
7 h0 E7 U4 Z8 w. \8 j8 X* ?8 u版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
) P+ F6 R& c- |" r. m' y原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
2 S  h) J; r. t) U

! D8 C6 C$ w1 k) i4 R" q1 t