Vue 生命周期

1. Vue2 生命周期

export default {
  beforeCreate() {
    // 实例创建前
  },
  created() {
    // 实例创建后
  },
  beforeMount() {
    // 挂载前
  },
  mounted() {
    // 挂载后
  },
  beforeUpdate() {
    // 更新前
  },
  updated() {
    // 更新后
  },
  beforeDestroy() {
    // 销毁前
  },
  destroyed() {
    // 销毁后
  }
}

2. Vue3 组合式 API 生命周期

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

export default {
  setup() {
    onBeforeMount(() => {
      // 挂载前
    })
    
    onMounted(() => {
      // 挂载后
    })
    
    // ...其他生命周期钩子
  }
}