本文详细阐述了Vue中组件的加载、更新和销毁过程，包括父子组件间的交互顺序。重点介绍了beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy及destroyed等生命周期钩子函数的执行顺序，对于理解组件状态管理和优化有重要指导意义。
1）加载渲染过程
父先创建，才能有子；子创建完成，父才完整。
顺序：父 beforeCreate -> 父 created -> 父 beforeMount -> 子 beforeCreate -> 子 created -> 子 beforeMount -> 子 mounted -> 父 mounted
2）子组件更新过程
a)子组件更新 影响到 父组件的情况。
顺序：父 beforeUpdate -> 子 beforeUpdate -> 子 updated -> 父 updated
b)子组件更新 不影响到 父组件的情况。
顺序：子 beforeUpdate -> 子 updated
3）父组件更新过程
a)父组件更新 影响到 子组件的情况。
顺序：父 beforeUpdate -> 子 beforeUpdate -> 子 updated -> 父 updated
b)父组件更新 不影响到 子组件的情况。
顺序：父 beforeUpdate -> 父 updated
4）销毁过程
顺序：父 beforeDestroy -> 子 beforeDestroy -> 子 destroyed -> 父 destroyed
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
