Vue Instance Lifecycle

up:: Vue

  • createApp({})beforeCreate()created()
    • compiling Template * → beforeMount()
  • mounted() → Mounted Vue Instance
    • → Data Changed → beforeUpdate()updated()
    • → Instance Unmounted → beforeUnmount()unmounted()

You can add these in any place in the Vue.createApp() object. You can add a breakpoint in the Dev Tools to pause execution at each of those steps.