Vue3.0中可以继续使用Vue2.x中的生命周期钩子,只有最后两个钩子名称有变更,其余名称不变
beforeDestroy
改名为beforeUnmount
destroyed
改名为unmounted
可以直接已配置项的形式使用生命周期钩子(vue2的写法),也可以使用组合式API的形式使用(vue3的写法),尽量统一写法。
一般来说,组合式API里的钩子会比配置项的钩子先执行,组合式API的钩子名字有变化(前面多了on)
Vue3.0也提供了 Composition API 形式的生命周期钩子,与Vue2.x中钩子对应关系如下:
beforeCreate
===>setup()
created
=======>setup()
beforeMount
===>onBeforeMount
mounted
=======>onMounted
beforeUpdate
===>onBeforeUpdate
updated
=======>onUpdated
beforeUnmount
==>onBeforeUnmount
unmounted
=====>onUnmounted