Vue Life Cycle

Udemy: Complete Vue Mastery 2022

let vm = Vue.createApp({
  data() {
    return {
      message: 'Hello world!',
    };
  },
  beforeCreate() {
    console.log('beforeCreate() function called!', this.message);
  },
  created() {
    console.log('created() function called!', this.message);
  },
  beforeMount() {
    // template은 compile 됐지만, page에 적용은 아직 안됐다.
    console.log('beforeMount() function called!', this.$el);
  },
  mounted() {
    console.log('mounted() function called!', this.$el);
  },
  beforeUpdate() {
    console.log('beforeUpdate() function called');
  },
  updated() {
    console.log('updated() function called');
  },
  beforeUnmount() {
    console.log('beforeUnmount() function called');
  },
  unmounted() {
    console.log('unmounted() function called');
  },
});

vm.mount('#app');