3-18 Vue 的父组件和子组件生命周期钩子函数执行顺序?
父子组件挂载渲染过程
子组件更新过程:
- 影响到父组件: 父beforeUpdate -> 子beforeUpdate->子updated -> 父updated
- 不影响父组件: 子beforeUpdate -> 子updated
父组件更新过程:
- 影响到子组件: 父beforeUpdate -> 子beforeUpdate->子updated -> 父updated
- 不影响子组件: 父beforeUpdate -> 父updated
销毁过程:
父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed
不管是哪种情况,都一定是父组件等待子组件完成后,才会执行自己对应完成的钩子
父组件挂载完成一定是等子组件都挂载完成后,才算是父组件挂载完,所以父组件的mounted在子组件mounted之后。
本文作者:林见夕
本文链接:https://www.cnblogs.com/ifon/p/16020013.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步