从Vue基础语法入手,逐层递进,实战项目贴近企业流程,完全按照企业级别代码质量和工程开发流程进行授课,让你理解这套技术在企业中被使用的真实流程。更好的掌握Vue各个基础知识点

1-1课程简介(11:01)

2-1课程学习方法(02:26)

2-2helloworld(11:03)

2-3开发TodoList(v-model、v-for、v-on)(16:05)

2-4MVVM模式(16:42)

2-5【讨论题】你所知道的常用设计模式有哪些?

2-6前端组件化(01:40)

2-7使用组件改造TodoList(09:51)

2-8简单的组件间传值(10:01)

2-9章节小结(01:45)

3-1Vue实例(09:52)

3-2Vue实例生命周期(18:23)

3-3Vue的模版语法(07:44)

3-4计算属性,方法与侦听器(16:22)

3-5计算属性的getter和setter(07:09)

3-6Vue中的样式绑定(19:54)

3-7Vue中的条件渲染(15:33)

3-8Vue中的列表渲染(20:30)

3-9Vue中的set方法(07:04)

3-10(新)Vue中的事件绑定(20:19)

3-11(新)Vue中的表单绑定(14:21)

3-12(新)章节小节(05:30)

3-13【讨论题】你对前端中的面向对象有怎样的了解?

4-1使用组件的细节点(25:02)

4-2父子组件间的数据传递(14:56)

4-3组件参数校验与非props特性(16:44)

4-4给组件绑定原生事件(05:31)

4-5非父子组件间的传值(15:44)

4-6在Vue中使用插槽(15:04)

4-7作用域插槽(06:57)

4-8(新)动态组件与v-once指令(08:42)

4-9(新)章节小结(02:09)

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

5-1Vue动画-Vue中CSS动画原理(15:47)

5-2在Vue中使用animate.css库(09:00)

5-3在Vue中同时使用过渡和动画(11:26)

5-4Vue中的Js动画与Velocity.js的结合(13:11)

5-5Vue中多个元素或组件的过渡(10:12)

5-6Vue中的列表过渡(07:00)

5-7Vue中的动画封装(06:31)

5-8本章小节(04:56)

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

6-1Vue项目预热-环境配置(22:02)

6-2(新)Vue项目预热-项目环境准备(答疑)(06:53)

6-3Vue项目预热-项目代码介绍(06:46)

6-4Vue项目预热-单文件组件与Vue中的路由(20:10)

6-5Vue项目预热-单页应用VS多页应用(09:30)

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

6-7Vue项目预热-项目代码初始化(16:50)

7-1Vue项目首页-header区域开发(16:20)

7-2Vue项目首页-iconfont的使用和代码优化(20:24)

7-3【讨论题】对于静态资源,如何处理会比较优雅呢?

7-4Vue项目首页-首页轮播图(28:33)

7-5Vue项目首页-图标区域页面布局(13:44)

7-6Vue项目首页-图标区域逻辑实现(22:07)

7-7Vue项目首页-热销推荐组件开发(21:39)

7-8Vue项目首页-开发周末游组件(08:23)

7-9Vue项目首页-使用axios发送ajax请求(15:57)

7-10Vue项目首页-首页父子组组件间传值(16:11)

8-1Vue项目城市选择页-路由配置(12:53)

8-2Vue项目城市选择页-搜索框布局(06:38)

8-3Vue项目城市选择页-列表布局(15:19)

8-4Vue项目城市选择页-BetterScroll的使用和字母表布局(07:50)

8-5Vue项目城市选择页-页面的动态数据渲染(12:45)

8-6Vue项目城市选择页-兄弟组件数据传递(24:10)

8-7Vue项目城市选择页-列表性能优化(05:25)

8-8Vue项目城市选择页-搜索逻辑实现(17:24)

8-9Vue项目城市选择页-Vuex实现数据共享(26:22)

8-10Vue项目城市选择页-Vuex的高级使用及localStorage(17:48)

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

8-12Vue项目城市选择页-使用keep-alive优化网页性能(12:20)

8-13(新)细节优化(05:14)

9-1Vue项目详情页-动态路由和banner布局(20:45)

9-2Vue项目详情页-公用图片画廊组件拆分(24:26)

9-3Vue项目详情页-实现Header渐隐渐显效果(16:40)

9-4【讨论题】移动端项目的开发过程中,你遇到过怎样的兼容性问题?

9-5Vue项目详情页-对全局事件的解绑(04:41)

9-6Vue项目详情页-使用递归组件实现详情页列表(15:07)

9-7Vue项目详情页-动态获取详情页面数据(16:06)

9-8Vue项目详情页-在项目中加入基础动画(11:14)

10-1Vue项目的联调测试上线-项目前后端联调(06:47)

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

10-3Vue项目的联调测试上线-真机测试(08:52)

10-4Vue项目的联调测试上线-打包上线(06:51)

10-5Vue项目的联调测试上线-异步组件实现按需加载(13:19)

10-6Vue项目的联调测试上线-课程总结与后续学习指南(06:05)

11-1VueCLI4升级项目(07:47)

11-2入口文件迁移及webpack配置变更方式(16:27)

11-3首页代码迁移及代理配置变更(12:45)

11-4列表及详情页面迁移(11:05)

11-5【讨论题】CompositionAPI产生背景及解决问题

12-1Vue3.0环境升级(11:26)

12-2首页代码升级(CompositionAPI)(20:35)

12-3首页代码升级(优化进阶)(16:46)

12-4首页组件升级(知识点巩固)(07:37)

12-5城市列表页改造(构建更好的可复用性)(14:40)

12-6城市列表组件改造(context&ref)(15:16)

12-7城市列表组件改造(新路由语法)(22:44)

12-8详情页面代码升级(09:56)

12-9【讨论题】CompositionAPI应用时注意得问题

独家号:慕课网

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

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