vue父子组件执行顺序
时间: 2023-08-20 20:04:57 浏览: 104
20.(vue3.x+vite)Vue子组件和父组件执行顺序.rar
在 Vue 中,父子组件的执行顺序是按照以下步骤进行的:
1. 父组件创建:Vue 首先创建父组件实例,并执行父组件的生命周期钩子函数(beforeCreate、created)。
2. 子组件创建:接下来,Vue 创建子组件实例,并执行子组件的生命周期钩子函数(beforeCreate、created)。
3. 父组件挂载:父组件完成创建后,会执行父组件的生命周期钩子函数(beforeMount、mounted)。
4. 子组件挂载:父组件挂载后,会执行子组件的生命周期钩子函数(beforeMount、mounted)。
5. 父组件更新:如果父组件的数据发生变化,会触发父组件的生命周期钩子函数(beforeUpdate、updated)。
6. 子组件更新:如果子组件的数据发生变化,会触发子组件的生命周期钩子函数(beforeUpdate、updated)。
7. 父组件销毁:如果父组件被销毁,会执行父组件的生命周期钩子函数(beforeDestroy、destroyed)。
8. 子组件销毁:如果子组件被销毁,会执行子组件的生命周期钩子函数(beforeDestroy、destroyed)。
需要注意的是,以上顺序是一种典型情况下的执行顺序,具体的执行顺序还受到组件之间的嵌套关系、数据变化等因素的影响。
阅读全文