Vue中父组件监听子组件的生命周期
程序员文章站
2022-03-29 08:12:12
...
通过使用@hook:前缀父组件可以监听子组件的生命周期钩子,并指定回调函数。
// Parent.vue
<Child @hook:mounted="doSomething" ></Child>
doSomething() {
console.log('父组件监听到子组件的mounted钩子函数 ...');
}
// Child.vue
mounted(){
console.log('子组件触发mounted钩子函数 ...');
}
// 输出顺序为:子组件触发 mounted 钩子函数 ...父组件监听到 mounted 钩子函数 ...