|
最新课程 珠峰Vue正式课程+实战
适用人群:3 z( s$ N% e& _2 ~0 s
本课程对于有一定CSS,JS基础的小伙伴们!
教学目标:1 c" [/ I/ r% a% b: i3 \
1.使用Vue快速提高开发效率" ?* D5 u1 g4 @0 O
2.掌握MVVM的开发思想
3.开发可复用的自定义2 `& x! k1 L, J7 n) y, x
4.独立使用Vue开发完整项目
课程大纲:
一.入门vue
1.掌握数组新增的es5及es6常用方法forEach,map,filter,reduce
2.掌握es6常见语法 解构赋值,箭头函数,拓展运算符的使用
3.vue基础使用 取值表达式的引用3 U0 _# ^6 C* W8 t7 ?/ z
4.v-model双向数据绑定 介绍Object.defineProperty用法,实现一个双向绑定
5.简介常用指令 v-bind,v-text,v-html,v-once,v-cloak的使用
6.深入响应原理 Object.assign 和数组的变异$ I1 J7 B7 ?% e% [5 c5 u
7.v-for的使用 嵌套循环以及key的使用
8.事件的使用 在vue中绑定事件,详解事件源和事件修饰符的用法
9.双向绑定之表单元素 checkbox,input,radio的使用, v s# T! C' b) B D0 K
二.vue中的数据获取以及进阶用法
1.axios的基础使用
2.介绍promise的用法 自己封装promise版的ajax+ v6 _. F. u% C" Z" r
3.实现购物车功能
4.计算属性&&watch应用 对比method,watch和computed的异同
5.vue中的动画 transition以及transition-group的使用* Y4 x6 S; p5 L% y( u
6.动态绑定数据 v-bind的使用,绑定样式:class :style
7.自定义指令以及过滤器的使用 directive filter的应用4 m1 L: _+ K7 a- C6 K* X
8.实现todoList
三.探索vue的生命周期
1.vue中的钩子函数
2.keep-alive缓存的使用 缓存的钩子activated deactivated
四.vue中的组件
' J* M; f+ t$ I: j
1.全局组件和局部组件的使用 组件中的data函数
2.组件交互之父传子 props的应用,与属性检验type,require,validator等
3.组件交互之子传父 通过eventBus,自己实现发布订阅模式
4.组件案例之模态框# {6 S4 k& Y$ x: e& G$ r2 q
5.ref的应用 获取dom元素,已经组件实例
6.nextTick用法解析9 T/ ?: a7 e( ]. y$ G
7.slot用法解析. a+ a5 c% m I q" t
8.实现面板组件
五.webpack的基础应用
3 H2 ~( B7 Y4 A+ r' N, S( i' L
1.babel解析es6,es7; S% u4 `: W; ]& r( X! A% [
2.处理css,less样式& j5 i1 L$ k5 `1 \9 [% }+ D0 R
3.处理图片以及图标字体
4.解析vue-loader,.vue文件( V3 j# n w' c5 |& a& @
5.html-webpack-plugin的使用6 l! N0 y0 U" O: A7 t) J, n6 C
6.封装vue插件之notify组件* l( q( z! x( v+ D4 |- X3 _, C% w0 A
六.进阶vue路由
& q- }" \ L: H
1.基础路由搭建+ T9 b" d; P- V# v4 n
2.编程式导航1 q8 T/ J! ` Q; R0 |4 }3 d
3.路由的嵌套
4.在路由中发送ajax获取数据
5.路由导航钩子的使用9 I: ^# ?2 F: e$ u0 e
6.实现路由动画
七.vue-cli应用
1.vue-cli代码解析& P0 R4 x" r+ D+ Y/ q8 i p1 z) w
2.应用vue-cli搭建书城项目
下载地址回复可见:
|
|