3-18 Vue 的父组件和子组件生命周期钩子函数执行顺序?

父子组件挂载渲染过程

子组件更新过程:

  1. 影响到父组件: 父beforeUpdate -> 子beforeUpdate->子updated -> 父updated
  2. 不影响父组件: 子beforeUpdate -> 子updated

父组件更新过程:

  1. 影响到子组件: 父beforeUpdate -> 子beforeUpdate->子updated -> 父updated
  2. 不影响子组件: 父beforeUpdate -> 父updated

销毁过程:

父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed

不管是哪种情况,都一定是父组件等待子组件完成后,才会执行自己对应完成的钩子

父组件挂载完成一定是等子组件都挂载完成后,才算是父组件挂载完,所以父组件的mounted在子组件mounted之后。

本文作者:林见夕

本文链接:https://www.cnblogs.com/ifon/p/16020013.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   林见夕  阅读(762)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
💬
评论
📌
收藏
💗
关注
👍
推荐
🚀
回顶
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.