Vue3生命周期

Vue3和Vue2生命周期对比

• 更名
  • beforeDestroy改名为beforeUnmount
  • destroyed改名为unmounted
• Vue3中提供了Composition API形式的生命周期狗子，与Vue2中的狗子对应关系如下：
  • beforeCreate — setup()
  • created — setup()
  • beforeMount — onBeforeMount
  • mounted — onMounted
  • beforeUpdate — onBeforeUpdate
  • updated — onUpdated
  • beforeUnmount — onBeforeUnmount
  • unmounted — onUnmounted

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

// 通过组合式API的形式去使用生命周期钩子
onBeforeMount(() => {
    
})
onMounted(() => {
    
})
onBeforeUpdate(() => {
    
})
onUpdated(() => {
    
})
onBeforeUnmount(() => {
    
})
onUnmounted(() => {
    
})