vue 父子组件周期

Vue中的组件生命周期是指组件从创建到销毁的整个过程中所经历的一系列阶段。在父子组件关系中，父组件和子组件都有各自的生命周期。

父组件的生命周期包括：
1. beforeCreate：在实例初始化之后，数据观测和事件配置之前被调用。
2. created：在实例创建完成后被调用，此时可以访问到数据和方法，但还未挂载到DOM上。
3. beforeMount：在挂载开始之前被调用，此时模板编译已完成，但尚未将模板渲染到页面上。
4. mounted：在挂载完成后被调用，此时组件已经被渲染到页面上，可以进行DOM操作。
5. beforeUpdate：在数据更新之前被调用，可以在此时对数据进行修改。
6. updated：在数据更新之后被调用，DOM已经重新渲染。
7. beforeDestroy：在实例销毁之前被调用，此时实例仍然完全可用。
8. destroyed：在实例销毁之后被调用，此时实例中的所有指令和事件监听器都已被移除。

子组件的生命周期与父组件类似，但有一些区别：
1. beforeCreate 和 created 阶段与父组件相同。
2. beforeMount 和 mounted 阶段也与父组件相同。
3. beforeUpdate 和 updated 阶段也与父组件相同。
4. beforeDestroy 和 destroyed 阶段也与父组件相同。

需要注意的是，父组件的生命周期会在子组件的生命周期之前执行。