在 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
钩子函数 中,是无法访问子组件的实例的。
到此这篇vue3生命周期钩子函数(vue3生命周期钩子函数有几个)的文章就 介绍到这了,更多相关内容请继续浏览下面的相关 推荐文章,希望大家都能在编程的领域有一番成就!版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/qdvuejs/43910.html