视频教程-德国Vue.js2终极开发教程（含Vue路由和Vuex）-Vue

德国Vue.js2终极开发教程（含Vue路由和Vuex）

* Academind GmbH创始人，当前生活在德国慕尼黑 * 从15岁开始进入开发领域，前后端技术均很精通，毕业于慕尼黑大学硕士学位 * 技术主要靠自学获得，因此非常了解自学的困难。成为在线讲师后他在三年内给全球20万名学生讲过课 * 成为在线讲师前曾在慕尼黑银行做IT咨询工作

Max

¥136.00

立即订阅

扫码下载「CSDN程序员学院APP」，1000+技术好课免费看

APP订阅课程，领取优惠，最少立减5元 ↓↓↓

订阅后：请点击此处观看视频课程

 

视频教程-德国Vue.js2终极开发教程（含Vue路由和Vuex）-Vue

学习有效期：永久观看

学习时长：1145分钟

学习计划：20天

难度：中

 

「口碑讲师带队学习，让你的问题不过夜」

讲师姓名：Max

技术总监/研发总监

讲师介绍：* Academind GmbH创始人，当前生活在德国慕尼黑 * 从15岁开始进入开发领域，前后端技术均很精通，毕业于慕尼黑大学硕士学位 * 技术主要靠自学获得，因此非常了解自学的困难。成为在线讲师后他在三年内给全球20万名学生讲过课 * 成为在线讲师前曾在慕尼黑银行做IT咨询工作

☛点击立即跟老师学习☚

 

「你将学到什么？」

新手入门现代前端开发的不二选择 课程目标： * 学会从简单到复杂企业级应用的VueJS程序编写方法 * 能在单页和多页应用中自如使用VueJS * 真正理解VueJS的背后原理，并在真实项目中应用它们 授课计划： 23章节，21小时，341个视频，11个练习，3个工程实践；新VueJS 2.x版本，课程随版本升级。

 

「课程学习目录」

第1章：从头开始

1.课程介绍

2.实现第一个VueJS应用

3.扩展这个VueJS应用

4.课程结构

5.擅用课程资源

6.本地配置VueJS开发环境&本章代码及资料

第2章：通过VueJS来与DOM交互

1.本章介绍

2.理解VueJS模板

3.VueJS的模板语法和实例

4.访问Vue实例里的数据

5.属性绑定

6.理解和使用指令

7.用v-once禁止二次渲染

8.如何输出基础的HTML

9.作业1问题：输出数据到模板

10.作业1答案：输出数据到模板

11.监听事件

12.从事件对象里获取事件数据

13.传递你自己的事件参数

14.用事件修饰符来修改事件

15.监听键盘事件

16.作业2问题：事件

17.作业2答案：事件

18.在模板中编写JS代码

19.使用双向绑定

20.用计算属性来响应改变

21.计算属性的替代：观察改变

22.用缩写来节省时间

23.作业3问题：响应式属性

24.作业3答案：响应式属性

25.CSS类动态样式-基础

26.CSS类动态样式-使用对象

27.CSS类动态样式-使用命名

28.动态设置样式（不使用CSS类）

29.用数组语法设置元素样式

30.作业4问题：样式设置

31.作业4答案：样式设置

32.本章总结&第二章资料

第3章：使用条件和列表渲染

1.用v-for来渲染列表

2.本章介绍

3.用v-if来做条件渲染

4.替代v-if语法

5.不要用v-show解绑

6.获取当前的下标

7.替代v-for语法

8.循环一组对象

9.循环一组数字列表

10.用v-for来跟踪对象

11.作业5问题：条件和列表

12.作业5答案：条件和列表

13.本章总结

第4章：第一个实训项目：怪物猎人

1.介绍和挑战

2.搭建工程

3.创建Vue实例以及给血槽加样式

4.根据条件来显示玩家操作

5.实现“开始游戏”方法

6.实现“攻击”方法

7.重构时间到！更好的代码

8.实现“特殊攻击”方法

9.实现“疗愈”方法

10.完成操作按钮

11.创建操作日志

12.打印日志（v-for）

13.完成日志功能

14.根据条件来调整日志样式

15.总结

第5章：理解VueJS实例

1.本章简介

2.关于Vue实例的一些基础

3.使用多个Vue 实例

4.从外部访问Vue实例

5.Vue是如何管理数据和方法的

6.深入分析$el和$data

7.在你的模板中使用$refs

8.去哪里可以学到更多的Vue API

9.挂载一个模板

10.使用组件

11.一些模板的限制

12.Vue是怎样更新DOM的

13.Vue实例的生命周期

14.Vue实例生命周期实战

15.本章总结

第6章：Webpack和Vue命令行，真实的开发流程

1.本章介绍

2.为什么我们要有开发服务器

3.“开发流程”指的是什么？

4.使用Vue命令行来创建项目

5.Vue命令行安装以及创建一个新项目

6.Webpack模板目录结构概述

7.理解“.vue”后缀的文件

8.理解Vue文件中的对象

9.如何构建一个真正的可发布应用

10.本章总结

第7章：组件介绍

1.本章介绍

2.组件介绍

3.使用数据方法来向组件中保存数据

4.将组件注册到局部或全局

5.在App.vue文件中的“根组件”

6.创建一个组件

7.使用组件

8.作业6问题：组件练习

9.作业6答案：组件练习

10.采用更好的目录结构

11.怎样给组件标签命名（选择器）

12.组件样式作用域

13.本章总结

第8章：组件间通信

1.本章介绍

2.通信存在的问题

3.使用Props来让父子组件通信

4.为Props命名

5.在子组件中使用Props

6.验证Props

7.使用自定义事件来让父子组件通信

8.理解单向数据流

9.使用回调函数来通信

10.在同级组件间通信

11.使用事件总线来通信

12.在一个事件总线中集中实现代码

13.作业7问题：组件间通信

14.作业7答案：组件间通信

15.本章总结

第9章：高级组件用法

1.本章介绍

2.创建本章工程

3.非最优的传递内容方案

4.使用插槽来传递内容

5.插槽内容是如何编译和风格化的

6.使用多个插槽（命名插槽）

7.默认插槽和插槽的默认设置

8.关于插槽的总结

9.将多组件转换为动态组件

10.理解动态组件行为

11.让动态组件保活

12.动态组件生命周期钩子

13.作业8描述：插槽和动态组件

14.作业8答案：插槽和动态组件

15.本章总结

第10章：第2个实训项目：漂亮的句子

1.本章介绍

2.创建工程

3.应用初始化

4.创建Application组件

5.使用Props和插槽传递数据

6.允许用户使用NewQuote组件创建句子

7.使用自定义事件来添加引用

8.添加一个消息框

9.允许删除句子

10.通过进度条来控制句子

11.结语和状态管理

第11章：用表单出来用户输入

1.本章介绍

2.绑定表单基础标签<input>

3.分组数据和预填充输入

4.使用输入修饰符来修改用户输入

5.绑定<textarea>标签和保存换行符

6.使用复选框并将数据保存在数组中

7.使用单选按钮

8.使用<select>和标签处理下拉菜单

9.v-model有什么用和如何创建自定义控件

10.创建自定义控件(输入)

11.提交表单

12.作业9描述：表单练习

13.作业9解答：表单练习

14.本章总结

第12章：使用和创建指令

1.本章介绍

2.理解什么是指令

3.指令的工作原理 - 钩子函数

4.创建一个简单的指令

5.给自定义指令传值

6.给自定义指令传参

7.用修饰符来修改自定义指令

8.自定义指令总结

9.本地注册指令

10.同时使用多个修饰符

11.给指令传递多个复杂值

12.作业10指令：问题

13.作业10答案：指令

14.本章总结

第13章：使用过滤器和混入来优化程序

1.本章介绍

2.创建本地过滤器

3.全局过滤器以及如何串联多个过滤器

4.替代过滤器：计算属性

5.理解什么是混入（Mixins）

6.创建和使用混入

7.怎样合并多个混入

8.创建一种特殊的全局混入

9.混入和作用域

10.作业11描述：过滤器和混入

11.作业11答案：过滤器和混入

12.本章总结

第14章：使用动画和过渡

1.本章介绍

2.理解什么是过渡

3.为使用过渡来做代码准备

4.过渡的配置

5.为过渡分配CSS类

6.使用CSS过渡属性来创建

7.使用CSS动画属性来创建“滑动”过渡

8.混合过渡和动画两种属性

9.v-if和v-show动画

10.配置初始化（加载）动画

11.使用不同的CSS类名

12.使用动态命名和属性

13.多个元素间的过渡（理论）

14.多个元素间的过渡（实践）

15.监听过渡事件的钩子

16.理解什么是JS动画

17.从动画中去掉CSS

18.在JS中创建动画

19.让动态组件做动画

20.使用transition-group标签来做列表动画

21.使用transition-group标签的准备

22.使用transition-group标签来让列表做动画

23.理解这个应用

24.创建这个应用

25.添加动画

26.本章总结

第15章：使用vue-resource通过HTTP连接服务器

1.本章介绍

2.配置：用vue-resource来访问HTTP

3.基于Firebase来创建应用和服务端

4.用POST方法给给服务端发数据

5.用GET请求来获取和转换数据

6.全局配置vue-resource

7.拦截请求

8.拦截响应

9.vue-resource里的resource从哪里来

10.创建自定义的资源

11.资源vs传统HTTP请求

12.理解URL模板

13.本章总结

第16章：VueJS应用中的路由概念

1.本章介绍

2.配置VueJS路由（vue-router）

3.配置和加载路由

4.理解路由模式（哈希vs历史）

5.路由链接导航

6.我在哪儿？定义活动链接

7.通过代码导航（强制导航）

8.配置路由参数

9.获取、使用路由参数

10.响应路由参数改动

11.配置子路由（嵌套路由）

12.潜逃路由导航

13.更动态的配置路由链接

14.创建链接的更好方式 - 命名路由

15.使用查询参数

16.多路由视图（命名路由视图）

17.重定向

18.配置“Catch All”路由/通配符

19.路由动画过度

20.传递Hash Fragment

21.控制卷屏行为

22.使用守卫来保护路由

23.使用“beforeEnter”守卫

24.使用“beforeLeave”守卫

25.路由懒加载

26.本章总结

第17章：用Vuex来更好的管理状态

1.本章介绍

2.为什么要用一个不同的状态管理机制

3.理解“集中的状态”

4.使用集中状态

5.为什么集中状态自身并不能解决问题

6.理解Getter

7.使用Getter

8.将Getter映射到属性

9.理解Mutation

10.使用Mutation

11.为什么Mutation要使用同步执行模式

12.Action怎么改进了Mutation

13.使用Action

14.将Action映射到方法

15.Vuex总结

16.双向绑定（v-model）和Vuex

17.改进的目录结构

18.模块化状态管理

19.使用分割的文件

20.使用名字空间来避免命名冲突问题

21.本章总结

第18章：最终实训项目：股票交易

1.项目介绍

2.项目配置和规划

3.创建第一个组件

4.配置项目路由

5.添加头部和导航

6.规划下一步

7.创建股票组件

8.添加购买按钮

9.配置Vuex状态管理

10.为Vuex添加展示模块

11.实现展示用的股票

12.将展示模块连接到Vuex

13.修复一些Bug

14.显示资金

15.添加记名支票

16.使用过滤器让资金显示更好看

17.一天的结束 - 随机股票价格

18.路由过渡动画

19.保存和获取数据 - 添加下拉菜单

20.与Firebase一起配置vue-resource

21.保存数据（PUT请求）

22.获取数据（GET请求）

23.测试和修复Bug

24.项目总结

25.福利：使用Vue开发工具调试Vuex

第19章：部署VueJS应用

1.项目介绍

2.部署准备

3.部署应用（使用亚马逊AWS S3）

第20章：课程总结

1.课程总结

第21章：福利：使用Axios替代vue-resource

1.本章介绍

2.工程配置

3.Axios配置

4.发送POST请求

5.发送GET请求

6.访问和使用响应数据

7.全局请求配置

8.使用拦截器

9.自定义Axios实例

10.总结

第22章：福利：Vue应用中的鉴权

1.概述

2.本章介绍

3.单页应用中鉴权工作原理

4.工程配置

5.添加用户注册

6.添加用户登录

7.使用Vuex来发送鉴权请求

8.在Vuex中保存鉴权数据

9.通过Vuex访问其它资源

10.向后台发送Token

11.路由保护（Auth Guard）

12.基于鉴权状态来更新UI状态

13.添加用户登出功能

14.添加自动登出功能

15.添加自动登录功能

16.总结

第23章：福利：表单输入验证

1.概述

2.本章介绍

3.安装Vuelidate

4.添加验证器

5.验证时添加UI反馈

6.控制错误输入的显示风格

7.更多的验证器

8.验证密码

9.使用必填验证器

10.验证数组

11.控制表单提交按钮

12.创建自定义验证器

13.异步验证器

14.本章总结

 

「7项超值权益，保障学习质量」

• 大咖讲解

技术专家系统讲解传授编程思路与实战。

• 答疑服务

专属社群随时沟通与讲师答疑，扫清学习障碍，自学编程不再难。

• 课程资料+课件

超实用资料，覆盖核心知识，关键编程技能，方便练习巩固。（部分讲师考虑到版权问题，暂未上传附件，敬请谅解）

• 常用开发实战

企业常见开发实战案例，带你掌握Python在工作中的不同运用场景。

• 大牛技术大会视频

2019Python开发者大会视频免费观看，送你一个近距离感受互联网大佬的机会。

• APP+PC随时随地学习

满足不同场景，开发编程语言系统学习需求，不受空间、地域限制。

 

「什么样的技术人适合学习？」

• 想进入互联网技术行业，但是面对多门编程语言不知如何选择，0基础的你
• 掌握开发、编程技术单一、冷门，迫切希望能够转型的你
• 想进入大厂，但是编程经验不够丰富，没有竞争力，程序员找工作难。

 

「悉心打造精品好课，20天学到大牛3年项目经验」

【完善的技术体系】

技术成长循序渐进，帮助用户轻松掌握

掌握Vue知识，扎实编码能力

【清晰的课程脉络】

浓缩大牛多年经验，全方位构建出系统化的技术知识脉络，同时注重实战操作。

【仿佛在大厂实习般的课程设计】

课程内容全面提升技术能力，系统学习大厂技术方法论，可复用在日后工作中。

 

「你可以收获什么？」

N;

 

订阅课程 开始学习