通常我们监听组件生命周期会使用$emit
,父组件接收事件来进行通知
子组件
export default {
mounted() {
this.$emit( listenMounted )
}
}
父组件
<template>
<div>
<List @listenMounted="listenMounted" />
</div>
</template>
其实还有一种简洁的方法,使用@hook
即可监听组件生命周期,组件内无需做任何改变。同样的,created
、updated
等也可以使用此方法。
<template>
<List @hook:mounted="listenMounted" />
</template>