vue2.x 父组件监听子组件事件并传回信息

在Vue2.x中，可以通过`$emit`方法在子组件中触发一个自定义事件，并向父组件传递参数。父组件可以通过`v-on`或`@`语法来监听子组件的自定义事件。

以下是一个简单的例子：

子组件中触发自定义事件：

<button @click="$emit('my-event', 'hello')">点击我触发事件</button>

父组件监听子组件事件并传回信息：

<template>
  <div>
    <child-component @my-event="handleChildEvent"></child-component>
    <p>{{ message }}</p>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      message: ''
    }
  },
  methods: {
    handleChildEvent(data) {
      this.message = data
    }
  }
}
</script>

当子组件中的按钮被点击时，会触发`my-event`事件，并向父组件传递参数`'hello'`。父组件中的`handleChildEvent`方法会接收到这个参数并将其赋值给`message`，从而更新页面上的内容。