欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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 钩子函数 ...
相关标签: Vue Vue