Nuxt2父子组件生命周期执行顺序
时间: 2023-11-04 14:06:28 浏览: 166
【进程 03】父子进程的执行顺序
5星 · 资源好评率100%
Nuxt2的父子组件生命周期执行顺序如下:
1. 父组件beforeCreate
2. 父组件created
3. 父组件beforeMount
4. 子组件beforeCreate
5. 子组件created
6. 子组件beforeMount
7. 子组件mounted
8. 父组件mounted
在更新期间,执行顺序为:
1. 父组件beforeUpdate
2. 子组件beforeUpdate
3. 子组件updated
4. 父组件updated
在销毁期间,执行顺序为:
1. 父组件beforeDestroy
2. 子组件beforeDestroy
3. 子组件destroyed
4. 父组件destroyed
需要注意的是,如果子组件的props或data发生变化,会触发子组件的beforeUpdate和updated生命周期,但不会触发父组件的这两个生命周期。
阅读全文