Component lifecycle hooks allow you to interact with the component and tell it what to do during various stages of its lifecycle. We will cover the following component lifecycle hooks as they are the most commonly used (in my opinion) throughout Vue:

  • Created
  • Mounted
  • BeforeDestroy

The codesandbox link for the example in the video is found here: https://codesandbox.io/s/component-lifecycle-x1xbr