父组件和子组件在 Vue.js 中拥有相互关联的生命周期，具备独特的钩子函数，用于执行特定操作。父组件生命周期：beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。子组件生命周期：在各自相应的父组件钩子函数中调用，另增 activated 和 deactivated 钩子函数，分别用于激活和停用子组件。
Vue 中父组件和子组件的生命周期
在 Vue.js 应用程序中，父组件和子组件的生命周期彼此紧密相关，并且具有不同的钩子函数。这些钩子函数让你可以在组件的不同阶段执行特定的操作。
父组件的生命周期
- beforeCreate()：在创建组件实例之前调用。
- created()：在创建组件实例后调用。此钩子函数是与数据交互的最佳时机。
- beforeMount()：在将组件挂载到 DOM 之前调用。在这里，你可以进行最终的数据准备。
- mounted()：在组件挂载到 DOM 之后调用。此时，组件已经可以与用户交互。
- beforeUpdate()：在组件更新之前调用。
- updated()：在组件更新之后调用。
- beforeDestroy()：在销毁组件之前调用。
- destroyed()：在销毁组件之后调用。
子组件的生命周期
立即学习“前端免费学习笔记（深入）”；
子组件的生命周期与父组件的生命周期类似，但有一些额外的钩子函数：
-
beforeCreate()：在父组件的
beforeCreate()钩子函数中调用。 -
created()：在父组件的
created()钩子函数中调用。 -
beforeMount()：在父组件的
beforeMount()钩子函数中调用。 -
mounted()：在父组件的
mounted()钩子函数中调用。 -
beforeUpdate()：在父组件的
beforeUpdate()钩子函数中调用。 -
updated()：在父组件的
updated()钩子函数中调用。 - activated()：当子组件被激活时调用，例如，当路由切换到使用该组件的路由时。
- deactivated()：当子组件被停用时调用，例如，当路由切换到不使用该组件的路由时。
-
beforeDestroy()：在父组件的
beforeDestroy()钩子函数中调用。 -
destroyed()：在父组件的
destroyed()钩子函数中调用。
