Vue Lifecycle Events

Ellis - Jun 17 '20 - - Dev Community


When building our Vue apps, Vue does a great job at binding data, making our views reactive, and handling updating everything. This whole process of Vue creating all the reactivity is called the lifecycle.

There may be instances where we need to hook into the lifecycle so that we can run our own processes. A main reason for hooking into Vue's lifecycle is to grab data when the Vue app is created.

We can grab HTTP requests from inside Vue's lifecycle events.

Here's Vue's diagram to show off the life of a Vue instance:

Vue Lifecycle Events

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .