vue父子组件生命周期执行顺序
时间: 2023-10-19 08:06:22 浏览: 100
深入理解Vue父子组件生命周期执行顺序及钩子函数
Vue 父子组件生命周期执行顺序如下:
父组件(在第一次渲染时)
1. beforeCreate
2. created
3. beforeMount
子组件(在第一次渲染时)
1. beforeCreate
2. created
3. beforeMount
4. mounted
父组件(在子组件挂载完成后)
1. mounted
如果有数据更新时,父子组件执行顺序如下:
父组件
1. beforeUpdate
子组件
1. beforeUpdate
2. updated
父组件
1. updated
如果子组件被销毁,执行顺序如下:
子组件
1. beforeDestroy
2. destroyed
父组件则没有任何改变。
阅读全文