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

vue 中父组件如何监听子组件的生命周期

程序员文章站 2022-03-29 08:14:36
...

方法一:在子组件生命周期中使用$emit('callback')触发父组件中的方法

// Parent
<Child @mounted="doSomething"/>
    
// Child
mounted() {
  this.$emit("mounted");
}

方法二: 使用hook钩子函数

//  Parent
<Child @hook:mounted="doSomething" ></Child>

doSomething() {
   console.log('父组件监听到 mounted 钩子函数 ...');
},
    
//  Child
mounted(){
   console.log('子组件触发 mounted 钩子函数 ...');
}, 

 

相关标签: vue