父组件如何监听子组件的自定义事件？

在Vue中，父组件可以通过`$on`方法来监听子组件触发的自定义事件。具体实现如下：

1. 在子组件中定义自定义事件

// 子组件中定义自定义事件
this.$emit('my-event', 'hello');

2. 在父组件中监听子组件的自定义事件

// 父组件中监听子组件的自定义事件
<child-component @my-event="handleMyEvent"></child-component>

// 父组件中监听子组件的自定义事件的处理函数
methods: {
  handleMyEvent(data) {
    console.log(data); // 'hello'
  }
}

在父组件中使用`@my-event`来监听子组件触发的自定义事件，并且指定处理函数为`handleMyEvent`。在子组件中使用`this.$emit`方法来触发自定义事件，并且将数据作为参数传递给父组件。