Vue 的生命周期指的是 Vue 实例从创建到销毁所经过的一系列过程，它主要包括了实例的创建、挂载、更新和销毁等阶段，每个阶段都有对应的钩子函数可以用来执行自定义逻辑。
Vue 生命周期包括以下主要阶段和钩子函数：
创建阶段（Initialization）：
- beforeCreate：实例刚在内存中创建，数据观测和事件配置之前执行。此时实例对象还未创建完成，无法访问
data和methods中的数据和方法。 - created：实例已经创建完成，可以访问
data和methods，但尚未挂载到 DOM 上。常用来进行异步请求获取数据等操作。
挂载阶段（Mounting）：
- beforeMount：在挂载开始之前被调用，模板编译/首次渲染之前执行。此时尚未生成真实的 DOM。
- mounted：实例已经挂载到 DOM 上，此时可以进行 DOM 操作。常用于初始化页面、监听事件、操作DOM等操作。
更新阶段（Updating）：
- beforeUpdate：数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前。此时数据已经更新，但 DOM 尚未重新渲染。
- updated：数据更新完成，DOM 已经更新。适合做一些需要使用更新后的 DOM 的操作。
销毁阶段（Destroying）：
- beforeDestroy：实例销毁前调用。在这一步，实例仍然完全可用。
- destroyed：实例销毁后调用，此时所有事件监听器和子实例已被移除。可以进行一些清理操作，比如清除定时器、解绑事件等。
错误处理阶段（Error Handling）：
- errorCaptured：捕获子孙组件的错误。可以在一个组件的渲染过程中，后代组件发生错误时被捕获并处理。
Vue 生命周期中的钩子函数可以用来执行一些特定阶段的逻辑，比如在数据更新后做一些操作、在销毁前进行清理等。深入理解 Vue 生命周期可以帮助开发者更好地控制 Vue 实例的行为，并优化组件的性能和行为。
Was this helpful?
0 / 0