1.监听组件的生命周期
比如有父组件 Parent
和子组件 Child
,如果父组件监听到子组件挂载 mounted
就做一些逻辑处理,常规的写法可能如下:
// Parent.vue <Child @mounted="doSomething"/> // Child.vue mounted() { this.$emit("mounted"); }
这里提供一种特别简单的方式,子组件不需要任何处理,只需要在父组件引用的时候通过 @hook
来监听即可,代码重写如下:
<Child @hook :mounted="doSomething"/>
当然这里不仅仅是可以监听 mounted
,其它的生命周期事件,例如: created
, updated
等都可以