Demystifying the Vue Lifecycle by Jaime Jones | VueConf US 2020

An overview of the Vue lifecycle with examples of when to use each lifecycle method. Also examines various pieces of the Vue instance and how to use them effectively and the pitfalls associated. Examples would be things like v-for key and the pitfalls of just using index, $refs and when to use them, and $nextTick and the problems it can help solve.

0:00 Introduction
1:10 What is the cue Lifecycle?
1:48 Lifecycle Hooks
2:42 beforeCreate
3:13 created
4:28 beforeMount
6:13 mounted
7:39 beforeUpdate
8:07 updated
9:09 beforeDestroy
9:38 destroyed
9:54 errorCaptured
11:06 Keep Alive Components
12:16 activated
12:48 deactivated
13:21 Other pieces of the Vue instance
19:20 Thank you!

[ilovelctr]

This is such a great talk, as it not only explains at what moment each hook takes effect, but also gives real-world examples that are inspiring as to how they may be put into use. Thanks so much!

[nobodyz]

God damn, I needed that!
I am grateful someone takes time to gather information like that and explains piece by piece its purpose with compelling examples.

[-Will-]

Great talk and nice examples. I have saved this to rewatch and it will help me do more than my current use of only created()!

[steveclarke]

Great info thanks! I've learned some new stuff that will help in a current project.