Vue 的生命周期指的是组件实例从被创建到销毁的整个过程中,会自动调用一些特定的方法,这些方法在不同的阶段执行,用于实现特定的逻辑。Vue 的生命周期一共分为八个阶段:
1. beforeCreate:在组件实例被创建之前调用。在这个阶段,Vue 实例的各种属性和方法都还未初始化,因此在这里无法使用 data、computed、methods、watch 等属性和方法。
2. created:在组件实例被创建后立即调用。在这个阶段,组件实例的属性和方法已经初始化完成,但还未被挂载到 DOM 上。可以在这个阶段进行一些初始化的异步操作,如获取数据等。
3. beforeMount:在组件实例被挂载到 DOM 之前调用。在这个阶段,虚拟 DOM 已经生成,但还未被渲染到真实的 DOM 上。可以在这个阶段修改虚拟 DOM 或者进行一些其他操作。
4. mounted:在组件实例被挂载到 DOM 后调用。在这个阶段,组件已经被渲染到真实的 DOM 上,可以操作 DOM 元素、进行事件**等。
5. beforeUpdate:在组件更新之前调用。在这个阶段,DOM 已经更新完成,但是尚未重新渲染。可以在这个阶段进行一些与更新相关的操作。
6. updated:在组件更新之后调用。在这个阶段,组件及其子组件已经重新渲染完毕。可以进行一些 DOM 操作、事件**等。
7. beforeDestroy:在组件实例销毁之前调用。在这个阶段,组件实例仍然完全可用,可以执行一些清理操作。
8. destroyed:在组件实例销毁之后调用。在这个阶段,组件实例及其所有的子组件都已经被销毁,不能再访问到组件实例的属性和方法。

QQ客服