课程从Vue3基础语法,到组件原理,动画,代码设计,再到新语法扩展,由浅入深,全面、系统地梳理Vue知识点。在学习过程中,还有老师多年的“避坑经验”倾囊相授,并在最后带你按照企业级别代码质量和工程开发流程完成“京东到家”应用,实现对框架的彻底掌握。

1-1课前须知,这里有你需要了解的一切(04:34)

1-2【讨论题】对于不断推出的前端新框架,我们应该如何学习?

1-3初学编写HelloWorld和Counter(14:41)

1-4编写字符串反转和内容隐藏小功能(09:32)

1-5编写TodoList小功能,了解循环和双向绑定(11:18)

1-6组件概念初探,对TodoList进行组件代码拆分(16:47)

2-1Vue中应用和组件的基础概念(09:32)

2-2理解Vue中的生命周期函数(1)(10:49)

2-3理解Vue中的生命周期函数(2)(12:56)

2-4【讨论题】生命周期函数的深度分析

2-5常用模版语法讲解(1)(09:55)

2-6常用模版语法讲解(2)(08:46)

2-7【讨论题】模版语法的发展历程是怎样的?

2-8数据,方法,计算属性和侦听器(1)(15:47)

2-9数据,方法,计算属性和侦听器(2)(06:10)

2-10样式绑定语法(12:48)

2-11条件渲染(06:41)

2-12列表循环渲染(1)(11:38)

2-13列表循环渲染(2)(10:45)

2-14事件绑定(1)(13:28)

2-15事件绑定(2)(07:15)

2-16表单中双向绑定指令的使用(1)(07:54)

2-17表单中双向绑定指令的使用(2)(07:22)

2-18表单中双向绑定指令的使用(3)(08:51)

3-1组件的定义及复用性,局部组件和全局组件(1)(10:19)

3-2组件的定义及复用性,局部组件和全局组件(2)(10:28)

3-3【讨论题】组件究竟是什么?

3-4组件间传值及传值校验(15:41)

3-5单向数据流的理解(12:37)

3-6Non-Props属性是什么(09:34)

3-7父子组件间如何通过事件进行通信(1)(12:32)

3-8父子组件间如何通过事件进行通信(2)(05:26)

3-9组件间双向绑定高级内容(选学)(12:09)

3-10使用插槽和具名插槽解决组件内容传递问题(1)(10:20)

3-11使用插槽和具名插槽解决组件内容传递问题(2)(07:45)

3-12作用域插槽(08:17)

3-13动态组件和异步组件(12:20)

3-14基础语法知识点查缺补漏(12:59)

4-1使用Vue实现基础的CSS过渡与动画效果(14:22)

4-2使用transition标签实现单元素组件的过渡和动画效果(1)(13:39)

4-3使用transition标签实现单元素组件的过渡和动画效果(2)(12:36)

4-4使用transition标签实现单元素组件的过渡和动画效果(3)(13:09)

4-5组件和元素切换动画的实现(12:12)

4-6列表动画(07:07)

4-7状态动画(06:50)

4-8【讨论题】前端动画是如何实现的?

5-1Mixin混入的基础语法(1)(07:20)

5-2Mixin混入的基础语法(2)(15:13)

5-3开发实现Vue中的自定义指令(1)(09:47)

5-4开发实现Vue中的自定义指令(2)(10:17)

5-5Teleport传送门功能(10:11)

5-6更加底层的render函数(选学)(15:57)

5-7插件的定义和使用(10:28)

5-8数据校验插件开发实例(12:54)

5-9【讨论题】为什么插件机制相对于Mixin是更优雅的代码扩展

6-1Setup函数的使用(10:13)

6-2ref,reactive响应式引用的用法和原理(1)(10:49)

6-3ref,reactive响应式引用的用法和原理(2)(07:17)

6-4toRef以及context参数(1)(04:11)

6-5toRef以及context参数(2)(10:22)

6-6使用CompositionAPI开发TodoList(1)(09:57)

6-7使用CompositionAPI开发TodoList(2)(06:45)

6-8computed方法生成计算属性(10:59)

6-9watch和watchEffect的使用和差异性(1)(11:30)

6-10watch和watchEffect的使用和差异性(2)(10:48)

6-11生命周期函数的新写法(10:54)

6-12Provide,Inject,模版Ref的用法(14:53)

6-13【讨论题】CompositionAPI的产生背景是什么

7-1VueCLI的使用和单文件组件(1)(09:37)

7-2VueCLI的使用和单文件组件(2)(08:34)

7-3使用单文件组件编写TodoList(11:46)

7-4【讨论题】单文件组件这种语法设计,背后实现的原理是什么

7-5Vue-Router路由的理解和使用(1)(12:28)

7-6Vue-Router路由的理解和使用(2)(04:50)

7-7【讨论题】对前端路由,你有怎样的理解?

7-8VueX的语法详解(1)(09:42)

7-9VueX的语法详解(2)(13:12)

7-10VueX的语法详解(3)(09:12)

7-11CompositionAPI中如何使用VueX(07:06)

7-12【讨论题】对前端数据管理框架,你有怎样的理解?

7-13使用axios发送ajax请求(05:34)

8-1工程初始化(04:09)

8-2工程目录代码简介及整理(10:50)

8-3基础样式集成及开发模拟器的使用(06:33)

8-4flex+iconfont完成首页docker样式编写(22:21)

8-5使用Scss组织地址区域布局(21:18)

8-6利用CSS技巧实现搜索及banner区域布局(15:54)

8-7使用flex布局实现图标列表布局(11:48)

8-8首页布局收尾(18:50)

8-9首页组件的合理拆分(16:28)

8-10使用v-for,v-html指令精简页面代码(17:52)

8-11CSS作用域约束以及Vue开发者工具的安装使用(08:39)

8-12【讨论题】说说你在开发项目时,用到过的比较好的工具吧

9-1登陆页面布局开发(21:15)

9-2路由守卫实现基础登陆校验功能(12:28)

9-3注册页面开发及路由串联复习(09:59)

9-4使用axios发送登陆Mock请求(16:38)

9-5请求函数的封装(12:15)

9-6【讨论题】请求逻辑可以封装哪些内容?

9-7Toast弹窗组件的开发(10:13)

9-8通过代码拆分增加逻辑可维护性(09:03)

9-9Setup函数的职责以及注册功能的实现(1)(11:12)

9-10Setup函数的职责以及注册功能的实现(2)(12:34)

10-1首页附近店铺数据动态化-详情页准备(11:41)

10-2动态路由,异步路由与组件拆分复用(1)(14:02)

10-3动态路由,异步路由与组件拆分复用(2)(07:49)

10-4搜索布局及路由跳转(1)(11:40)

10-5搜索布局及路由跳转(2)(06:36)

10-6路由参数的传递以及商家详情的获取(1)(12:28)

10-7路由参数的传递以及商家详情的获取(2)(10:42)

10-8商家页面核心样式开发(1)(12:30)

10-9商家页面核心样式开发(2)(11:22)

10-10样式的优化与代码复用(1)(09:10)

10-11样式的优化与代码复用(2)(10:33)

10-12【讨论题】说说CSS中的设计模式

10-13商家详情页分类及内容联动的实现(21:27)

10-14使用watchEffect巧妙的进行代码拆分(16:07)

11-1购物车的样式开发(19:21)

11-2Vuex中购物车数据结构的设计(1)(16:26)

11-3Vuex中购物车数据结构的设计(2)(08:40)

11-4使用computed完成订单价格计算(18:14)

11-5购物车及列表双向数据同步功能开发(1)(14:31)

11-6购物车及列表双向数据同步功能开发(2)(08:50)

11-7根据购物车选中状态计算订单金额(1)(12:51)

11-8根据购物车选中状态计算订单金额(2)(11:37)

11-9全选及清空购物车的功能实现(1)(15:14)

11-10全选及清空购物车的功能实现(2)(14:24)

11-11商家详情页面代码优化(1)(11:25)

11-12商家详情页面代码优化(2)(06:27)

11-13购物车数据结构的变更(1)(09:12)

11-14购物车数据结构的变更(2)(11:05)

11-15【讨论题】作为前端,你在开发中是如何进行代码调试Debug

11-16通过LocalStorage实现购物车信息持久存储(1)(13:46)

11-17通过LocalStorage实现购物车信息持久存储(2)(10:02)

12-1确认订单页面创建及顶部布局(1)(16:51)

12-2确认订单页面创建及顶部布局(2)(11:39)

12-3订单商品列表数据获取与布局(1)(17:39)

12-4订单商品列表数据获取与布局(2)(11:46)

12-5页面布局及展示逻辑开发(1)(09:20)

12-6页面布局及展示逻辑开发(2)(14:46)

12-7确认订单页面组件拆分及弹框布局制作(1)(12:02)

12-8确认订单页面组件拆分及弹框布局制作(2)(14:03)

12-9购物流程开发完成(1)(11:04)

12-10购物流程开发完成(2)(15:44)

12-11下单流程开发优化(05:03)

12-12订单列表页布局开发(1)(07:34)

12-13订单列表页布局开发(2)(12:40)

12-14订单列表逻辑开发(1)(16:25)

12-15订单列表逻辑开发(2)(14:25)

12-16【讨论题】CompositionAPI使用时会注意哪些方面

12-17【学习任务】结合本地购物车数据,完成多店铺购物车页面开发

12-18【学习任务】结合增删改查逻辑,实现地址功能编辑页面

12-19【学习任务】还原设计稿个人信息页面,并实现登出功能

13-1如何进行真机调试(06:18)

13-2解决真机调试过程中的展示问题(12:59)

13-3实现项目对不同设备的展示适配(07:18)

13-4【讨论题】说说你在进行移动端开发时,遇到问题及解决方案

13-5项目上线和课程总结(14:09)

独家号:慕课网

慕课网(IMOOC)是IT技能学习平台。慕课网(IMOOC)课程涉及JAVA、前端、Python、大数据等60类主流技术语言,覆盖了面试就业、职业成长、自我提升等需求场景,帮助用户实现从技能提升到岗位提升的能力闭环。

学习方式:在线播放或缓存下载