vue父组件与子组件生命周期钩子顺序是什么?

一、渲染过程

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

父beforeCreate-->父created-->父beforeMounte-->子beforeCreate-->子created-->子beforeMounte-->子mounted-->父mounted

二、子组件更新过程:

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

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

三、父组件更新过程:

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

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

四、销毁过程

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

看起来很多很难记忆,其实只要理解了,不管哪儿种情况,都一定是父组件等待子组件完成后,才会执行自己对应完成的钩子,就可以很容易记忆。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容