Hands-on Vue.js: Build a fully functional SPA/

...

/

Lifecycle Hooks

Lifecycle Hooks

Learn about the Vue instance lifecycle hooks.

We'll cover the following...

Lifecycle hooks

When a Vue instance passes through its lifecycle, it offers some functions that are executed at every transitional step in the lifecycle so that certain tasks can be performed during these stages. These functions are called “lifecycle hooks”.

There are a total of eight lifecycle hooks. There are two hooks for each lifecycle stage as shown below:

  1. Creation hooks
    • beforeCreate
    • created
  2. Mounting hooks
    • beforeMount
    • mounted
  3. Updating hooks
    • beforeUpdate
    • updated
  4. Destruction hooks
    • beforeDestroy
    • destroyed
svg viewer

We will talk about each hook separately.

Creation hooks

beforeCreate

The beforeCreate hook runs at the initialization of your component. data has not been ...

Ask