前端vue2父子组件一起的生命周期执行顺序
时间: 2024-03-16 20:40:02 浏览: 66
20.(vue3.x+vite)Vue子组件和父组件执行顺序.rar
在Vue2中,父子组件的生命周期执行顺序如下:
1. 父组件的beforeCreate钩子函数被调用。
2. 父组件的created钩子函数被调用。
3. 父组件的beforeMount钩子函数被调用。
4. 子组件的beforeCreate钩子函数被调用。
5. 子组件的created钩子函数被调用。
6. 子组件的beforeMount钩子函数被调用。
7. 子组件的mounted钩子函数被调用。
8. 父组件的mounted钩子函数被调用。
在这个过程中,父组件的生命周期钩子函数会在子组件之前执行。父组件的beforeCreate和created钩子函数在子组件的beforeCreate和created钩子函数之前执行,而父组件的beforeMount和mounted钩子函数在子组件的beforeMount和mounted钩子函数之后执行。
阅读全文