组件从创建到挂载完成依次经历 created、beforeMount、mounted 钩子。created 在组件实例创建后、模板编译前触发,此时可访问数据但无法操作 DOM;beforeMount 在挂载前触发;mounted 在组件挂载到 DOM 后触发,此时可以安全访问和操作 DOM,常用于发起异步请求、初始化第三方库。
当响应式数据变化触发组件重新渲染时,会依次触发 beforeUpdate、updated 钩子。beforeUpdate 在 DOM 更新前触发,updated 在 DOM 更新完成后触发,二者常用于依赖更新后 DOM 状态的操作。
组件从 DOM 移除时触发 beforeUnmount(Vue 3 中为 onBeforeUnmount)和 unmounted(onUnmounted)钩子,常用于清理定时器、事件监听、第三方实例等,避免内存泄漏。
在 Composition API 中,生命周期钩子以函数形式导入使用,如 onMounted、onUpdated、onUnmounted,在 setup 过程中按顺序注册即可,语义与选项式 API 一致。