Lifecycle Hooks

import {
  onBeforeMount, onMounted,
  onBeforeUpdate, onUpdated,
  onBeforeUnmount, onUnmounted
} from "vue";

export function useLogger() {
  onBeforeMount(() => console.log("beforeMount"));
  onMounted(() => console.log("mounted"));
  onBeforeUpdate(() => console.log("beforeUpdate"));
  onUpdated(() => console.log("updated"));
  onBeforeUnmount(() => console.log("beforeUnmount"));
  onUnmounted(() => console.log("unmounted"));
}

// In a component:
// setup() {
//   useLogger();
// }