珠峰vue快速入门与实战开发视频课程 Vue基础教程

课程简介

如果你能发现比这个“更清晰、更全面、更深入”讲解vue的视频，那么我服你！



课程说明

2017年，我们特意和行业(大部分来自于BAT)大神们进行沟通与交流，也对珠峰毕业学员(大部分都已经成为一线互联网企业中的LEADER或者技术攻坚)进行回访，探索出一套最符合当下市场 “全栈化、工程化、组件化、模块化” 等开发的课程体系；



本套课程是“全栈工程化开发”课程中的一部分，重点给大家讲解目前最主流的前端框架之一：vue。vue是一个用来开发web界面的前端框架， 小巧的外表、优雅的代码结构和全新的MVVM理念，很快受到了众多前端工程师追捧的新宠。本课程将带你掌握vue的语法结构、单向数据流、 数据的双向绑定，数据交互、动画、路由等内容。



课程目标

1. 使用vue快速提高开发效率

2. 掌握MVVM的开发思想

3. 开发可复用的自定义

4. 独立使用vue开发完整项目



适用人群

本课程对于有一定CSS,JS基础的小伙伴们！



课程大纲

- 入门vue

  + 掌握数组新增的es5及es6常用方法forEach,map,filter,reduce

  + 掌握es6常见语法：解构赋值，箭头函数，拓展运算符的使用

  + vue基础使用：取值表达式的引用

  + v-model双向数据绑定

  + 介绍Object.defineProperty用法，实现一个双向绑定

  + 简介常用指令： v-bind,v-text,v-html,v-once,v-cloak的使用

  + 深入响应原理：Object.assign和数组的变异

  + v-for的使用：嵌套循环以及key的使用

  + 事件的使用：在vue中绑定事件，详解事件源和事件修饰符的用法

  + 双向绑定之表单元素：checkbox,input,radio的使用



- vue中的数据获取以及进阶用法

  + axios的基础使用

  + 介绍promise的用法

  + 自己封装promise版的ajax

  + 实现购物车功能

  + 计算属性&&watch应用

  + 对比method，watch和computed的异同

  + vue中的动画：transition以及transition-group的使用

  + 动态绑定数据：v-bind的使用

  + 绑定样式:class :style

  + 自定义指令以及过滤器的使用：directive filter的应用

  + 实现todoList



- 探索vue的生命周期

  + vue中的钩子函数

  + keep-alive缓存的使用

  + 缓存的钩子activated deactivated



- vue中的组件

  + 全局组件和局部组件的使用： 组件中的data函数

  + 组件交互之父传子：props的应用，与属性检验type,require,validator等

  + 组件交互之子传父：通过eventBus，自己实现发布订阅模式

  + 组件案例之模态框

  + ref的应用

  + 获取dom元素

  + nextTick用法解析

  + slot用法解析

  + 实现面板组件



- webpack的基础应用

  + babel解析es6,es7

  + 处理css,less样式

  + 处理图片以及图标字体

  + 解析vue-loader,.vue文件

  + html-webpack-plugin的使用

  + 封装vue插件之notify组件



- 进阶vue路由

  + 基础路由搭建

  + 编程式导航

  + 路由的嵌套

  + 在路由中发送ajax获取数据

  + 路由导航钩子的使用

  + 实现路由动画



- vue-cli应用

  + vue-cli代码解析

  + 应用vue-cli搭建书城项目