速览！Vue 父组件与子组件生命周期钩子执行顺序全解析

Vue 的父组件和子组件的生命周期钩子执行顺序如下： 1. beforeCreate：在实例初始化之后，数据观测和计算属性被创建之前被调用。 2. created：在实例初始化之后，数据观测和计算属性被创建之后被调用。 3. beforeMount：挂载开始之前被调用。 4. mounted：挂载结束之后被调用，$el 已经被挂载到 DOM 上。 5. beforeUpdate：数据更新之前被调用。 6. updated：数据更新之后被调用。 7. beforeDestroy：销毁开始之前被调用。 8. destroyed：销毁结束之后被调用，此时实例所有方法都不能被调用。 注意：子组件的 beforeCreate、created、beforeMount、mounted、beforeUpdate、updated 钩子会在父组件的 beforeCreate、created、beforeMount、mounted、beforeUpdate、updated 钩子之后被调用。而 beforeDestroy 和 destroyed 钩子的调用顺序取决于父组件和子组件的嵌套关系。 ######[AI写代码神器 | 226点数解答 | 2023-11-09 01:49:24]