珠峰vue快速入门与实战开发视频课程 Vue基础教程
课程简介
如果你能发现比这个“更清晰、更全面、更深入”讲解vue的视频,那么我服你!
课程说明
2017年,我们特意和行业(大部分来自于BAT)大神们进行沟通与交流,也对珠峰毕业学员(大部分都已经成为一线互联网企业中的LEADER或者技术攻坚)进行回访,探索出一套最符合当下市场 “全栈化、工程化、组件化、模块化” 等开发的课程体系;
本套课程是“全栈工程化开发”课程中的一部分,重点给大家讲解目前最主流的前端框架之一:vue。vue是一个用来开发web界面的前端框架, 小巧的外表、优雅的代码结构和全新的MVVM理念,很快受到了众多前端工程师追捧的新宠。本课程将带你掌握vue的语法结构、单向数据流、 数据的双向绑定,数据交互、动画、路由等内容。
课程目标
1. 使用vue快速提高开发效率
2. 掌握MVVM的开发思想
3. 开发可复用的自定义
4. 独立使用vue开发完整项目
适用人群
本课程对于有一定CSS,JS基础的小伙伴们!
课程大纲
- 入门vue
xa0xa0+ 掌握数组新增的es5及es6常用方法forEach,map,filter,reduce
xa0xa0+ 掌握es6常见语法:解构赋值,箭头函数,拓展运算符的使用
xa0xa0+ vue基础使用:取值表达式的引用
xa0xa0+ v-model双向数据绑定
xa0xa0+ 介绍Object.defineProperty用法,实现一个双向绑定
xa0xa0+ 简介常用指令: v-bind,v-text,v-html,v-once,v-cloak的使用
xa0xa0+ 深入响应原理:Object.assign和数组的变异
xa0xa0+ v-for的使用:嵌套循环以及key的使用
xa0xa0+ 事件的使用:在vue中绑定事件,详解事件源和事件修饰符的用法
xa0xa0+ 双向绑定之表单元素:checkbox,input,radio的使用
- vue中的数据获取以及进阶用法
xa0xa0+ axios的基础使用
xa0xa0+ 介绍promise的用法
xa0xa0+ 自己封装promise版的ajax
xa0xa0+ 实现购物车功能
xa0xa0+ 计算属性&&watch应用
xa0xa0+ 对比method,watch和computed的异同
xa0xa0+ vue中的动画:transition以及transition-group的使用
xa0xa0+ 动态绑定数据:v-bind的使用
xa0xa0+ 绑定样式:class :style
xa0xa0+ 自定义指令以及过滤器的使用:directive filter的应用
xa0xa0+ 实现todoList
- 探索vue的生命周期
xa0xa0+ vue中的钩子函数
xa0xa0+ keep-alive缓存的使用
xa0xa0+ 缓存的钩子activated deactivated
- vue中的组件
xa0xa0+ 全局组件和局部组件的使用: 组件中的data函数
xa0xa0+ 组件交互之父传子:props的应用,与属性检验type,require,validator等
xa0xa0+ 组件交互之子传父:通过eventBus,自己实现发布订阅模式
xa0xa0+ 组件案例之模态框
xa0xa0+ ref的应用
xa0xa0+ 获取dom元素
xa0xa0+ nextTick用法解析
xa0xa0+ slot用法解析
xa0xa0+ 实现面板组件
- webpack的基础应用
xa0xa0+ babel解析es6,es7
xa0xa0+ 处理css,less样式
xa0xa0+ 处理图片以及图标字体
xa0xa0+ 解析vue-loader,.vue文件
xa0xa0+ html-webpack-plugin的使用
xa0xa0+ 封装vue插件之notify组件
- 进阶vue路由
xa0xa0+ 基础路由搭建
xa0xa0+ 编程式导航
xa0xa0+ 路由的嵌套
xa0xa0+ 在路由中发送ajax获取数据
xa0xa0+ 路由导航钩子的使用
xa0xa0+ 实现路由动画
- vue-cli应用
xa0xa0+ vue-cli代码解析
xa0xa0+ 应用vue-cli搭建书城项目
相关资源