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

Vue监听组件的生命周期

程序员文章站 2022-03-29 08:12:06
...

通过监听组件的生命周期从而进行某些操作

常规做法

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

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

简易做法

解放子组件,完全在父级中实现,通过一个关键字:
@hook


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

当然不止是mounted和updated才行,各个生命周期都支持。