vue 组件 生命周期

Vue组件的生命周期包括以下几个阶段：

1. 创建阶段（Creation）：
- beforeCreate：在实例初始化之后，数据观测（data observer）和事件配置（event/watcher setup）之前调用。
- created：在实例创建完成后调用，此时实例已经完成数据观测，但尚未挂载到页面上。

2. 挂载阶段（Mounting）：
- beforeMount：在挂载开始之前被调用，此时模板已经编译完成，但尚未将其渲染到页面中。
- mounted：在挂载完成之后被调用，此时组件已经被渲染到页面中。

3. 更新阶段（Updating）：
- beforeUpdate：在数据更新之前被调用，可以在此时对数据进行修改。
- updated：在数据更新完成后被调用，此时DOM已经完成重新渲染。

4. 销毁阶段（Destruction）：
- beforeDestroy：在实例销毁之前调用，此时实例仍然完全可用。
- destroyed：在实例销毁之后调用，此时实例已经被解除绑定，所有的事件监听器都已被移除。

除了上述的生命周期钩子函数外，还有一些较少使用的钩子函数，如activated和deactivated，在组件被激活和停用时分别被调用。

在这些生命周期钩子函数中，可以执行一些特定的操作，如数据初始化、异步请求、DOM操作、事件监听等。了解生命周期可以帮助我们更好地掌握Vue组件的创建、挂载、更新和销毁过程，从而更好地进行组件的开发和调试。