生命周期
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。