Vue 的生命周期(Lifecycle)是指一个 Vue 组件从创建、挂载、更新到销毁的整个过程。 理解生命周期对于处理数据获取、DOM 操作和资源清理至关重要。 Vue 的生命周期主要分为四个阶段,共 8 个核心钩子函数(Vue 3 对销毁阶段的命名做了修改)。此外还有针对 和错误处理的特殊钩子。 --- 1. 四个主要阶段详解 第一阶段:创建 (Creation) 特点:初始化组件,注入依赖,设置响应式数据。此时还没有 DOM。 状态:实例刚在内存中被创建,数据观测(Reactivity)和事件配置尚未初始化。 可用性:无法访问 、、。 场景:通常用于插件开发,业务代码中很少使用。 状态:实例创建完成。数据观测、属性和方法的运算、事件回调已配置。 可用性:可以访问 和 。但此时 尚不可用(DOM 还没生成)。 场景:发送异步请求(API 调用)获取初始数据的最佳时机。 第二阶段:挂载 (Mounting) 特点:编译模板,创建虚拟 DOM,将组件渲染到真实的 DOM 页面中。 状态:模板编译已完成,render 函数首次被调用。 可用性:虚拟 DOM 已经创建,但还没挂载到页...