vue钩子函数和生命周期(vue钩子函数执行顺序)

vue钩子函数和生命周期(vue钩子函数执行顺序)在学习到 Vue 的父子组件生命周期钩子函数执行顺序的时候 在网上找了很久的资料 发现网上给的参差不齐 已经见到了很多中不同的顺序 秉持着求真的态度 在 Vue 项目编写代码来测试 以下是测试的权威结果 父组件的 beforeCreate 在父组件实例被创建之前调用 父组件的 created

大家好,我是讯享网,很高兴认识大家。



父组件的 beforeCreate:在父组件实例被创建之前调用。

父组件的 created:在父组件实例创建完成后调用。

父组件的 beforeMount:在父组件开始挂载之前调用,此时模板已经编译成虚拟DOM。

子组件的 beforeCreate 和 created:在父组件的 beforeMount 钩子内,子组件的 beforeCreate 和 created 钩子依次被调用。

子组件的 beforeMount 和 mounted:子组件的虚拟DOM挂载成真实DOM后,mounted 钩子被调用。

父组件的 mounted:在子组件挂载完成后,父组件的 mounted 钩子被调用,表示整个父组件及其子组件都已经挂载完成。

父组件的 beforeUpdate:在父组件的虚拟DOM重新渲染和打补丁之前调用。


讯享网

子组件的 beforeUpdate 和 updated:子组件根据新的数据重新渲染和更新。

父组件的 updated:在父组件的DOM更新后调用。

父组件的 beforeDestroy:在父组件销毁之前调用,用于执行清理任务。

子组件的 beforeDestroy 和 destroyed:子组件在父组件销毁之前先进行销毁。

父组件的 destroyed:父组件及其所有子组件都已经被销毁。

 

讯享网
讯享网

好了,以上就是所有内容了,感觉有帮助的点个赞赞吧!

小讯
上一篇 2025-05-17 19:31
下一篇 2025-06-06 23:13

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/160473.html