你可以通过在生命周期钩子前面加上 “on” 来访问组件的生命周期钩子。
下表包含如何在 setup () 内部调用生命周期钩子：
选项式 API 　　　　　　　　　　　　 Hook inside setup
beforeCreate 　　　　　　　　　　　　 Not needed* 因为setup这个Api在beforeCreate之前执行所以被替换掉了 （created  同样） this时undefind
created 　　　　　　　　　　　　　　   Not needed*
beforeMount 　　　　　　　　　　　　 onBeforeMount   
mounted　　　　　　　　　　　　　　 onMounted
beforeUpdate 　　　　　　　　　　　   onBeforeUpdate
updated 　　　　　　　　　　　　　　 onUpdated
beforeUnmount 　　　　　　　　　　    onBeforeUnmount
unmounted 　　　　　　　　　　　　　onUnmounted

 

 

onBeforeMount (() => {
console.log("App ===> 相当于 vue2.x 中 beforeMount")
})
onMounted (() => {
console.log("App ===> 相当于 vue2.x 中 mounted")
})

// 注意，onBeforeUpdate 和 onUpdated 里面不要修改值
onBeforeUpdate (() => {
console.log("App ===> 相当于 vue2.x 中 beforeUpdate")
})

onUpdated (() => {
console.log("App ===> 相当于 vue2.x 中 updated")
})

onBeforeUnmount (() => {
console.log("App ===> 相当于 vue2.x 中 beforeDestroy")
})

onUnmounted (() => {
console.log("App ===> 相当于 vue2.x 中 destroyed")
})