|
|
课程介绍:
* N9 Y( q; K0 J! D9 w! f2 _本套课程共计 4 个阶段,共计 38 节课,分别从 “vue-cli 脚手架、vue-router、vuex、axios 服务器通信” 这四大块为大家详细讲解 vue 的相关知识体系。
& W1 u# `: t' g% S1 R0 }( \% V! Y. t2 _& c" ]7 R% M. ?1 Y
视频教程从 vue 的入门开始,即 “响应式数据绑定、可组合的视图组件”,学习 MVVM 思想、指令、单项数据流,编写可复用可维护的组件,接着遵循渐进式开发方式、以脚手架工具搭建项目,用路由进行单页 WEB 应用开发,使用状态管理模式将数据统一、学习模块数据的获取,由单一工具到多工具糅合使用。再以第三方插件迅速搭建移动端项目,完成常见功能后沉淀下许多移动端组件、再由一个个组件的封装,开始步入自己的组件库之路……
: K. c/ B; O, x2 G
$ P: H* B8 a" Y) }* m$ k
# }# G4 z2 L5 |$ s. I+ L5 K! u课程目录:
# ~! Q9 c1 l3 P9 p# n第一章:vue-cli 脚手架
% _0 ?0 n) D: s, B# P- x0-课程介绍4 @2 ?6 o2 u- S" P( d+ ? o5 z/ m
1-vue-cli 安装和启动+ W. p7 L8 \. c% O% p
2-一级目录和文件介绍' S- N! K# t; o/ z1 v* H
3-webpack 基本配置说明
2 @& U+ ]+ D; z/ A7 }4-webpack 中热更新配置
0 ~+ h" Q* c+ [1 C5-开发环境文件服务配置
% W' z0 D! g5 G
* d" g0 a( l3 k6 K5 L2 j第二章:vue-router 路由4 o \" g( z# p: u, m2 `! ^9 T
1-什么是路由以及使用步骤4 E* K0 i/ Z I- B
2-hash 和 history 模式- R( s- e' i# D. y! T& S
3-router-link 各种配置项; G' h) {+ q# Q
4-重定向和别名
$ |4 M1 o* B6 y8 p' K5-嵌套路由的使用* t3 |- r+ E& g( ]/ j& k
6-命名视图* z' u, K `. z. ~+ ?8 ~
7-滚动行为9 a0 q0 o1 s) u" s0 n6 w4 M
8-动态路径参数( T0 _0 c! d$ W9 K
9-监控 $route 路由信息对象: h, [( X( N9 @
10-query 字符串传参+ G9 t3 A+ ]% Q) B; ]/ M! y7 @& a
11-导航切换过渡动画 transition 使用
5 o$ l+ a' M8 G7 v9 n( Q4 }% p1 u0 K12-动态设置 name 属性左右切换$ L* d" L2 @- h+ T* |
13-编程式导航& L7 D2 n$ c* y) C5 d2 r1 H
14-全局钩子函数
' ?7 {. U5 v6 w' i# k, V B15-组件级钩子函数; z! @; s1 D% D6 ?/ v
16-案例:功能分析
3 s6 q7 l5 R9 N3 g( j" \$ b- n17-案例:Vue 插件的编写# y8 a6 h) S4 _' V9 \4 i0 c( T
18-案例:模拟登陆跳转
1 t0 g7 f" O+ K) H) X19-案例:面包屑导航设置: l% i1 C3 u1 Y. ^9 v- B! G
20-利用 webpack 实现懒加载) b% _* e7 ^0 G. D2 P5 d
21-apache 配置6 h* w! g% ~9 ^. T/ F- p
6 V7 V, s: n$ b; G, i# e: U
第三章:Vuex 状态管理模式
9 F& a% g) q# \6 L5 D1-兄弟组件共享数据的问题
" }& @" z% {- j1 T3 I. N2-使用和定义 Vuex
* H. U% F7 P" Y3-实例分析 Vuex 流程; j% q7 ?0 B# C( @( K- {4 }: T
4-action 异步操作和 getter 计算...
! n; ~6 b' k. N5 K- o5-辅助函数 mapStaet、mapAct...; J) w$ f0 }: H& n
6-仿 select 使用 vuex8 V- R8 K: a; |0 V) P
7-划分模块 module% A+ A" Y& `* G! j2 L! {$ h1 V
( h; B {9 G, U* S7 h j- e7 C
第四章:axios服务器通信7 w* x8 {) m9 q3 J5 X! Y
1-axios 介绍和使用mock 数据5 k0 |* h4 s( Y6 J+ G
2-转换请求数据配置1 s4 x. L" |; u, B" {
3-取消请求配置
k4 f+ S; T7 [' g4-axios 拦截器和配合 vuex 使用- M: {# c3 V3 e8 b
" l, N7 K0 b$ @- n6 w* j
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?立即注册
×
|