Appearance
vue3生命周期
1. 基础周期

2. 相对于vue2的变化
| vue2 | vue3 | 描述 |
|---|---|---|
| beforeCreate | setup() | 组件实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性 |
| created | setup() | 组件实例已经在内存中创建完毕,此时 data 和 methods 已经初始化好了,但是尚未挂载到页面中 |
| beforeMount | onBeforeMount | 组件实例的 $el 属性还没有被创建 |
| mounted | onMounted | 组件实例的 $el 属性已经被创建 |
| beforeUpdate | onBeforeUpdate | 组件数据更新之前调用,此时,数据更新了,但是页面尚未更新 |
| updated | onUpdated | 组件数据更新之后调用,此时,数据更新了,且页面也更新了 |
| beforeDestroy | onBeforeUnmount | 组件实例销毁之前调用 |
| destroyed | onUnmounted | 组件实例销毁之后调用 |
| errorCaptured | onErrorCaptured | 当捕获一个来自子孙组件的错误时被调用 |
| onActivated | onActivated | 被包含在<keep-alive>中的组件,会多出两个生命周期钩子函数。被激活时执行。 |