【VUE】vue后台常用模板

杨利霞

4 J6 j4 g7 T6 _8 h2 @【VUE】vue后台常用模板
  v& Y; v: U- x4 l) H8 _  ^# ~vue后台常用模板：
element文档: http://element-cn.eleme.io/#/zh-CN/component/installation
vue API: https://cn.vuejs.org/v2/api/


) j& [* F0 y" i以下是在下收集的三个常用的vue模板

6 T# Z6 t3 W0 R5 s/ p
1、vue-manage-system


5 u& W  h. k+ f" h- _9 Ggit地址：https://github.com/lin-xin/vue-manage-system
( L- P# O/ E) d/ V5 D' t, Q8 y# {线上地址： http://blog.gdfengshuo.com/example/work/#/dashboard
模板如图：




2、vue-element-admin
git地址：https://github.com/PanJiaChen/vue-element-admin
国际化版本：https://github.com/PanJiaChen/vue-element-admin/tree/i18n
2 g+ [/ x/ j; K

中文线上预览：https://panjiachen.github.io/vue-element-admin/#/dashboard

+ ]  Q% X5 s, ^4 j% y! z
2 L# T  R9 C" n, A7 |: i4 xIE兼容处理：参考文章
' o- i% f8 k2 J- f: P" o模板如图：


' h* ~$ m) E/ m2 k

: f" {) ]/ J% l$ D& p! |3、vuejs 和 element 搭建的一个后台管理界面
* T7 ~3 |3 O9 O3 Y
; ?9 R+ j8 F7 q& `6 j2 W
相关技术：
/ ~. u( G9 n! lvuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。
element：基于vuejs2.0的ui组件库。
' z. f$ {4 \5 ^- E3 C+ l$ kvue-router：一般单页面应用spa都要用到的前端路由。
vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

, {  `& F) q+ @! R1 B+ h
$ e( A& t% P) R5 ?2 m# Q# F& B& O线上地址：https://taylorchen709.github.io/vue-admin/#/login
git地址：https://github.com/taylorchen709/vue-admin
* D6 J4 x& n% s' B模板如图：

, y" J4 l2 p8 b
* [& ]! l& V3 J9 L使用：


7 p; n5 h& c0 \5 K6 Oinstall dependencies
8 v5 H* \9 g, l: ]. q. y- `

# K* c( ~! a6 |' P3 Z3 n( enpm install
serve with hot reload at localhost:8081


7 |+ I, B  U* s; A' w6 c# xnpm run dev
9 b. a, Y5 r* h* G$ }" Z, kbuild for production with minification
- O/ P/ @' E& T( T6 e8 N" G
: G$ ?( L/ p! q. U! Y( x
: `* c; e& C) ~) wnpm run build
$ N- M9 |0 o& o% D, f; m( Q- R
; p5 U9 t2 P$ X0 h. P# E, I. F
4、基于Vue实现后台系统权限控制
5 C: j1 u5 d' G. y" w4 |4 I0 Z. r
+ p% o# a2 X) T) B
4 D6 C0 P, p/ o" C  F博客地址： https://blog.csdn.net/qq_32340877/article/details/79416344


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

  b4 N% t8 M: \
git地址：https://github.com/mgbq/vue-permission
线上地址：https://mgbq.github.io/vue-permission/#/dashboard/dashboard

5 k, t8 U* e3 W1 Q, D( j
9 @3 w$ g  `; |! r  z

7 f3 L: D* V6 A5 c! k% W3 Z# |————————————————
* U* V* K5 n; Z8 _; F9 a版权声明：本文为CSDN博主「LuviaWu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
- k7 A9 w2 M% x0 v5 D原文链接：https://blog.csdn.net/LuviaWu/article/details/89212051
! J; {+ V& H# L
$ A) r$ p# C; @9 q
: {( ]4 L* k3 l* P" {