TA的每日心情 | 开心 2024-9-19 21:14 |
---|
签到天数: 757 天 [LV.10]以坛为家III
管理员
- 积分
- 1312455
|
资源详情
资源名称:Vue.js从入门到实战开发教程视频
适用人群:
本课程针对于有一定CSS,JS基础的小伙伴们!
教学目标:
1.使用Vue快速提高开发效率
2.掌握MVVM的开发思想
3.开发可复用的自定义
4.独立使用Vue开发完整项目
课程大纲:
一.入门vue
1.掌握数组新增的es5及es6常用方法forEach,map,filter,reduce
2.掌握es6常见语法解构赋值,箭头函数,拓展运算符的使用
3.vue基础使用取值表达式的引用
4.v-model双向数据绑定介绍Object.defineProperty用法,实现一个双向绑定
5.简介常用指令v-bind,v-text,v-html,v-once,v-cloak的使用
6.深入响应原理Object.assign和数组的变异
7.v-for的使用嵌套循环以及key的使用
8.事件的使用在vue中绑定事件,详解事件源和事件修饰符的用法
9.双向绑定之表单元素checkbox,input,radio的使用
二.vue中的数据获取以及进阶用法
1.axios的基础使用
2.介绍promise的用法自己封装promise版的ajax
3.实现购物车功能
4.计算属忄生&&watch应用对比method,watch和computed的异同
5.vue中的动画transition以及transition-group的使用
6.动态绑定数据v-bind的使用,绑定样式:class:style
7.自定义指令以及过滤器的使用directivefilter的应用
8.实现todoList
三.探索vue的生命周期
1.vue中的钩子函数
2.keep-alive缓存的使用缓存的钩子activateddeactivated
四.vue中的组件
1.全局组件和局部组件的使用组件中的data函数
2.组件交互之父传子props的应用,与属忄生检验type,require,validator等
3.组件交互之子传父通过eventBus,自己实现发布订阅模式
4.组件案例之模态框
5.ref的应用获取dom元素,已经组件实例
6.nextTick用法解析
7.slot用法解析
8.实现面板组件
五.webpack的基础应用
1.babel解析es6,es7
2.处理css,less样式
3.处理图片以及图标字体
4.解析vue-loader,.vue文件
5.html-webpack-plugin的使用
6.封装vue插件之notify组件
六.进阶vue路由
1.基础路由搭建
2.编程式导航
3.路由的嵌套
4.在路由中发送ajax获取数据
5.路由导航钩子的使用
6.实现路由动画
七.vue-cli应用
1.vue-cli代码解析
2.应用vue-cli搭建书城项目
资源截图:
|
|