Vue父组件对子组件生命周期的监听

  • Post author:
  • Post category:vue



Vue父组件对子组件生命周期的监听

方法一:

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

方法二:

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

doSomething() {
   console.log('父组件监听到 mounted 钩子函数 ...');
},
    
//  Child.vue
mounted(){
   console.log('子组件触发 mounted 钩子函数 ...');
},    
    
// 以上输出顺序为:
// 子组件触发 mounted 钩子函数 ...
// 父组件监听到 mounted 钩子函数 ...     



版权声明:本文为qq_38211541原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。