VUE监听组件生命周期

通常我们监听组件生命周期会使用​​$emit​​，父组件接收事件来进行通知
子组件

export default {
    mounted() {
        this.$emit( listenMounted )
    }
}

父组件

<template>
    <div>
        <List @listenMounted="listenMounted" />
    </div>
</template>

其实还有一种简洁的方法，使用​​@hook​​​即可监听组件生命周期，组件内无需做任何改变。同样的，​​created​​​、​​updated​​等也可以使用此方法。

<template>
    <List @hook:mounted="listenMounted" />
</template>