在 Vue 中,父组件的生命周期钩子函数会先于子组件的生命周期钩子函数执行。具体顺序如下:
- 加载页面时执行步骤:
- 父组件:
beforeCreate
。 - 父组件:
created
。 - 父组件:
beforeMount
。 - 子组件:
beforeCreate
。 - 子组件:
created
。 - 子组件:
beforeMount
。 - 子组件:
mounted
。 - 父组件:
mounted
。
- 父组件:
- 销毁组件时执行步骤:
- 父组件:
beforeDestroy
。 - 子组件:
beforeDestroy
。 - 子组件:
destroyed
。 - 父组件:
destroyed
。
- 父组件: