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.