vue基础入门系列课程+仿魅族商城

第一章：第一部分：夯实基础之ES6+系统入门

• 01. es6是什么 7:14
• 02. let是什么 7:42
• 03. const是什么 9:20
• 04. 什么是解构赋值 9:13
• 05. 数组和对象的解构赋值 16:35
• 06. 解构赋值应用总结 6:59
• 07. 什么是扩展运算符 7:55
• 08. 扩展运算符应用总结 7:20
• 09. 数组扩展-数组的相关方法1 8:49
• 10. 数组扩展-数组的相关方法2 18:00
• 11. 函数扩展-默认参数和rest参数 8:36
• 12. 函数扩展-什么是箭头函数？ 9:29
• 13. 箭头函数注意事项 9:51
• 14. 对象扩展1 9:22
• 15. 对象扩展2 7:53
• 16. Symbol是什么？ 8:40
• 17. Symbol注意事项 11:34
• 18. Set是什么？ 11:57
• 19. Map是什么？ 12:32
• 20. Map的相关方法 8:44
• 21. 同步和异步代码 8:22
• 22. Promise是什么？ 14:03
• 23. Promise的用法1 13:32
• 24. Promise的用法2 12:36
• 25. Promise的用法3 15:00
• 26. Promise练习 18:31
• 27. Promise的相关方法-catch方法 9:56
• 28. Promise的相关方法-all方法 8:55
• 29. Promise的相关方法-race方法 8:32
• 30. Iterator接口是什么？ 20:02
• 31. iterator和for...of. 15:27
• 32. 什么是generator 12:19
• 33. generator注意事项 12:02
• 34. generator应用-限制抽奖次数 14:26
• 35. generator应用-异步读取文件 17:15
• 36. co模块 6:07
• 37. async函数 4:10
• 38. class的基本写法 7:59
• 39. 继承 7:20
• 40. es5中模块封装 6:59
• 41. 打包编译环境准备 21:38
• 42. export和import命令 12:35
• 43. export和import注意事项 6:38
• 44. export default命 3:51
• 45. 模版字符串 7:32
• 46. 总结 8:43

第二章：第二部分：vue核心基础之初体验

• 1. vue简介 13:13
• 2. vue的安装和使用 8:49
• 3. vue的实例初识 12:34

第三章：第二部分：vue核心基础之语法精讲

• 01. 事件绑定形式 4:36
• 02. 事件绑定补充和事件修饰符1 7:17
• 03. 事件修饰符2 9:08
• 04. 按键修饰符 4:21
• 05. 系统修饰符 3:19
• 06. 什么是指令？ 6:50
• 07. v-text和v-html指令 6:28
• 08. v-show指令 4:36
• 09. v-if指令 6:50
• 10. v-for指令 8:09
• 11. v-for指令注意事项 10:15
• 12. 变异方法 13:22
• 13. v-on、v-bind、v-model指令 15:27
• 14. v-once、v-pre、v-cloak指令 13:41
• 15. 样式绑定1-class样式绑定 17:20
• 16. 样式绑定2-style绑定 9:21
• 17. 表单输入绑定 15:28
• 18. 什么是计算属性 13:46
• 19. 计算属性和方法的区别 14:25

第四章：第二部分：vue核心基础之组件基础

• 1. 什么是组件 12:38
• 2. 组件注册实例 13:19
• 3. 父组件向子组件传值 17:08
• 4. 实例：新闻列表渲染 18:55
• 5. 子组件向父组件发送消息 6:26
• 6. 实例-简单todo练习 14:26
• 7. 实例-简单todo练习2 14:01
• 8. 难点重讲 8:16

第五章：第二部分：vue核心基础之实战案例

• 01. 实例：选项卡结构搭建 4:46
• 02. 实例：选项卡逻辑实现 17:55
• 03. 实例：选项卡代码重构 10:03
• 04. 实例：后台管理菜单列表渲染1 13:51
• 05. 实例：后台管理-子菜单渲染 10:43
• 06. 实例：购物车商品渲染 7:25
• 07. 实例：购物车商品数量增加 10:22
• 08. 实例：购物车商品数量减少和计算单个商品总价 5:02
• 09. 实例：删除购物车商品 10:48
• 10. 实例：统计购物车所有商品数量和选中商品数量 9:27
• 11. 实例：统计选中商品总价 8:15
• 12. 实例：删除选中商品 6:29
• 13. 实例：实现商品全选功能 18:36
• 14. 总结和bug修复 6:37

第六章：第三部分：vue-cli环境详解

• 1. 什么是脚手架以及vue-cli安装 7:18
• 2. 使用vue-Cli创建项目 9:14
• 3. Vue-Cli创建项目目录介绍 6:43
• 4. 单文件组件介绍 10:39
• 5. 单文件组件注意点 6:32
• 6. 项目配置知识点补充 6:37
• 7. 单文件组件实例 9:24

第七章：第四部分：vue-router详解

• 01. 什么是前端路由 6:55
• 02. Vue-Router使用步骤 19:19
• 03. Hash和history模式 7:41
• 04. Router-Link相关配置 15:28
• 05. 嵌套路由 13:40
• 06. 命名路由 2:01
• 07. 命名视图 8:48
• 08. 重定向和别名 11:45
• 09. 编程式导航 10:57
• 10. 编程式导航2 10:52
• 11. 动态路由匹配 12:43
• 12. 如何监听动态参数 17:24
• 13. 路由组件传参 7:39
• 14. 滚动行为 16:33
• 15. 过渡效果 12:50
• 16. 钩子函数 3:25
• 17. 全局钩子-Beforeeach 13:26
• 18. 全局钩子函数-Aftereach 4:23
• 19. 写到路由记录里的钩子函数 1:58
• 20. 写在组件内部的钩子函数 5:25

第八章：第五部分：axios数据交互详解

• 1. Axios是什么？以及简单使用 11:56
• 2. 响应数据结构和模拟数据 8:10
• 3. Post方式、错误处理、参数传递 11:12
• 4. 请求方法的别名 6:06
• 5. 一次发送多个请求 5:23
• 6. 创建自定义实例 6:10
• 7. 拦截器的简单使用 4:47
• 8. 在全局使用axios 7:08

第九章：第六部分：vuex状态管理详解

• 01. 组件共享数据产生的问题1 6:15
• 02. 组件共享数据产生的问题2 12:24
• 03. 使用vuex重构代码 16:49
• 04. Vuex中的核心概念和注意事项 7:27
• 05. mutation细节 7:43
• 06. action详解 9:57
• 07. vuex流程解析 4:07
• 08. getter详解 8:38
• 09. 辅助函数1 12:05
• 10. 辅助函数2 7:46
• 11. 拆分模块 9:07
• 12. 总结 2:45

第一十章：第七部分：项目实战之项目初始化

• 1. 课程简介 1:52
• 2. 使用vue-Cli创建项目 4:46
• 3. 项目启动及目录分析 4:29

第一十一章：第七部分：项目实战之需求分析和Mock数据

• 1. 项目需求分析 3:45
• 2. 项目资源 5:26
• 3. Mock数据 7:12

第一十二章：第七部分：项目实战header组件和悬浮列表动画

• 1. 创建目录，配置路由 7:21
• 2. 主页布局分析 7:23
• 3. Header组件的创建及引用 5:04
• 4. Header组件的样式（上） 8:25
• 5. Header组件样式（下） 8:51
• 6. Header的悬浮列表 6:07
• 7. 从mockserver获取数据header数据 9:35
• 8. 悬浮列表的动画（上） 6:36
• 9. 悬浮列表的动画（下） 10:18

第一十三章：第七部分：项目实战之轮播组件

• 1. 创建轮播图组件及功能分析 7:40
• 2. 轮播图组件样式 9:34
• 3. 轮翻组件动画（上） 8:55
• 4. 轮播图动画（下） 11:36
• 5. 轮播组件的菜单列表 6:08
• 6. 轮播的广告图片 7:04

第一十四章：第七部分：项目实战之商品列表、广告商品组件

• 1. 创建商品列表 5:11
• 2. 商品列表的结构 6:47
• 3. 商品列表功能完善 16:07
• 4. 广告商品组件 10:45
• 5. Footer组件上 7:14
• 6. Footer组件下 12:36

第一十五章：第七部分：项目实战之分类、图片展示等组件

• 01. 创建分类页 7:25
• 02. 创建分类列表组件（上） 8:18
• 03. 分类列表组件（下） 6:28
• 04. 图片展示组件（上） 9:40
• 05. 图片展示组件（下） 5:35
• 06. 条件筛选组件（上） 5:46
• 07. 条件筛选组件（中） 4:28
• 08. 条件筛选组件（下） 13:55
• 09. 排序组件（上） 5:11
• 10. 排序组件（中） 8:58
• 11. 排序组件（下） 14:36
• 12. 推荐商品组件（上） 7:41
• 13. 推荐列表组件（下） 12:28

第一十六章：第七部分：项目实战之详情页

• 1. 创建详情页 6:32
• 2. 详情页（上） 8:25
• 3. 详情页（中） 6:17
• 4. 详情页（下） 9:14
• 5. 详情页完 10:29
• 6. 创建vuex 5:16
• 7. vuex实现添加到购物车（上） 8:19
• 8. vuex实现添加到购物车（下） 6:10

第一十七章：第七部分：项目实战之购物车

• 01. 创建购物车页面 9:35
• 02. 购物车样式（上） 11:31
• 03. 购物车样式（中） 8:40
• 04. 购物车样式（下） 7:05
• 05. 通过vuex实现购物车数量加减 5:35
• 06. 购物车全选操作的实现 10:33
• 07. 购物车数量计算及删除 7:57
• 08. 弹框组件的封装（上） 8:56
• 09. 弹框组件的封装（中） 7:12
• 10. 弹框组件的封装（下） 11:17

第一十八章：第七部分：项目实战之提交订单

• 1. 创建订单页面 8:56
• 2. 订单界面样式（上） 9:12
• 3. 订单界面样式（中） 10:16
• 4. 订单界面样式（下） 20:06
• 5. 订单界面样式（完） 18:41
• 6. 提交订单功能完善 14:40