Skip to content

生命周期

1. 描述一下对 Vue 生命周期的理解

md
1. Vue 实例从创建到销毁的过程,称为生命周期。
2. Vue 的生命周期包括以下阶段:
   - 创建阶段(4 个)
     - beforeCreate:组件实例刚刚被创建,此时组件的 data 和 methods 还没有初始化
     - created:组件实例已经创建完成,此时组件的 data 和 methods 已经初始化
     - beforeMount:组件刚刚被挂载到 DOM 上,此时组件的模板还没有被渲染
     - mounted:组件已经被挂载到 DOM 上,此时组件的模板已经被渲染
   - 更新阶段(2 个)
     - beforeUpdate:组件刚刚被更新,此时组件的 data 已经更新,但是模板还没有被渲染
     - updated:组件已经被更新,此时组件的 data 已经更新,模板已经被渲染
   - 销毁阶段(2 个)
     - beforeDestroy:组件刚刚被销毁,此时组件的 data 和 methods 还没有销毁
     - destroyed:组件已经被销毁,此时组件的 data 和 methods 已经销毁
   - keep-alive(2 个)
     - activated:组件被激活时调用
     - deactivated:组件被失活时调用
   - 异常捕获(1 个)
     - errorCaptured:当捕获到后代组件的错误时调用
3. Vue 3 组合式 API
   - onBeforeMount: 相当于 beforeMount。
   - onMounted: 相当于 mounted。
   - onBeforeUpdate: 相当于 beforeUpdate。
   - onUpdated: 相当于 updated。
   - onBeforeUnmount: 相当于 beforeUnmount。

Released under the MIT License.