父组件监听自组件生命周期

监听组件的生命周期

方法一：比如有父组件 Parent 和子组件 Child，如果父组件监听到子组件挂载 mounted 就做一些逻辑处理，常规的写法可能如下：

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

// Child.vue
mounted() {
  this.$emit("mounted");
}

方法二、有一种特别简单的方式，子组件不需要任何处理，只需要在父组件引用的时候通过@hook 来监听即可，代码如下：

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

当然这里不仅仅是可以监听 mounted，其它的生命周期事件，例如：created，updated 等都可以。

来源：CSDN

作者：高级前端工程师Vue方向

链接：https://blog.csdn.net/weixin_43837268/article/details/104746887