在 Vue
中，父组件和子组件都有自己的
生命周期钩子函数，它们的
执行顺序是有一定规律的。下面是父组件和子组件常用的
生命周期钩子函数执行顺序：
1. beforeCreate：先父后子；
2. created：先父后子；
3. beforeMount：先父后子；
4. mounted：先子后父；
5. beforeUpdate：先子后父；
6. updated：先子后父；
7. beforeDestroy：先子后父；
8. destroyed：先子后父。
在执行过程
中，父组件的
生命周期钩子函数先于子组件执行，但在 mounted 阶段时，子组件的 mounted
钩子函数先于父组件执行。这是因为在父组件 mounted
钩子函数执行时，子组件的模板已经被渲染成真实的 DOM，此时子组件的 mounted
钩子函数才会执行。
需要注意的是，在父组件的 created
钩子函数中，子组件的实例并没有被创建，只有在父组件的 mounted
钩子函数中，子组件才会被实例化。因此，在父组件的 created
钩子函数中，是无法访问子组件的实例的。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/bian-cheng-ri-ji/50268.html