单个组件的生命周期和钩子函数的调用顺序在Vue.js的官方文档上可以十分清晰地学习到。但是两个嵌套的父子组件,他们之间的生命周期进程顺序和钩子函数的调用顺序,就好像不是特别清晰。要验证这这个其实还是特别简单的。只需要分别在两个嵌套的父子组件的各个钩子函数中增加打印日志就可以了。
打印的结果如下:
从钩子函数的调用顺序来看,子组件的生命周期是包含在父组件的mounte
周期中。子组件等待挂载的时候,其中的属性才会被创建。等待子组件挂载完成,才会调用父组件的mounted
函数。
【Vue】嵌套组件的生命周期、钩子函数调用顺序
最新推荐文章于 2024-03-12 10:19:43 发布