对比vue2生命周期函数
| vue2 | vue3 |
|---|---|
| beforeCreate | setup() |
| created | setup() |
| beforeMount | onBeforeMount |
| mountted | onMounted |
| beforeUpdate | onBeforeUpdate |
| updated | onUpdated |
| beforeDestroy | onBeforeUnmount |
| destroyed | onUnmounted |
| activated | onActivated |
| deactivated | onDeactivated |
| errorCaptured | onErrorCaptured |
Vue3生命周期钩子
setup() :
开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method
onBeforeMount() :
组件挂载到节点上之前执行的函数；
onMounted() :
组件挂载完成后执行的函数；
onBeforeUpdate():
组件更新之前执行的函数；
onUpdated():
组件更新完成之后执行的函数；
onBeforeUnmount():
组件卸载之前执行的函数；
onUnmounted():
组件卸载完成后执行的函数；
onActivated():
被包含在 中的组件，会多出两个生命周期钩子函数，被激活时执行；
onDeactivated():
比如从 A 组件，切换到 B 组件，A 组件消失时执行；
onErrorCaptured():
当捕获一个来自子孙组件的异常时激活钩子函数。 PS： 使用 组件会将数据保留在内存中，比如我们不想每次看到 一个页面都重新加载数据，就可以使用 组件解决。
