Normalmente usamos $emit para monitorar o ciclo de vida do componente, e o componente pai recebe eventos para notificação.
子组件
export default {
mounted() {
this.$emit('listenMounted')
}
}
父组件
<template>
<div>
<List @listenMounted="listenMounted" />
</div>
</template>
Na verdade, existe uma maneira simples de usar @hook para monitorar o ciclo de vida do componente sem nenhuma alteração no componente. Da mesma forma, created , updated
, etc. também podem usar esse método.
<template>
<List @hook:mounted="listenMounted" />
</template>