vue3——生命周期

vue2.x的生命周期：

 

 

Vue3.0中可以继续使用Vue2.x中的生命周期钩子，但有有两个被更名：

• beforeDestroy改名为 beforeUnmount

• destroyed改名为 unmounted

Vue3.0也提供了 Composition API 形式的生命周期钩子，与Vue2.x中钩子对应关系如下：

• beforeCreate===>setup()

• created=======>setup()

• beforeMount ===>onBeforeMount

• mounted=======>onMounted

• beforeUpdate===>onBeforeUpdate

• updated =======>onUpdated

• beforeUnmount ==>onBeforeUnmount

• unmounted =====>onUnmounted

生命周期钩子是被暴露在vue实例上的，只需要调用使用就可以

我们需要将生命周期钩子导入项目，然后才能使用

 

在组合API中，使用setup()方法替换了beforeCreate和created，那么在这两个生命周期中的方法将放在setup中执行