怎么接收this.$emit的数据

在Vue中，父组件可以通过`$emit`方法向子组件传递数据，子组件可以通过`props`来接收这些数据。具体来说，子组件需要在`props`选项中声明要接收的数据的名称和类型，然后就可以在子组件的模板中使用这些数据了。

例如，假设父组件向子组件传递了一个名为`message`的字符串数据，子组件可以这样声明它的props：

Vue.component('child-component', {
  props: {
    message: String
  },
  // ...
})

在子组件的模板中，我们可以直接使用`message`这个变量来显示这个数据：

<template>
  <div>{{ message }}</div>
</template>

这样，当父组件通过`$emit`方法向子组件传递了`message`数据时，子组件就可以接收并显示这个数据了。具体来说，父组件可以这样向子组件传递数据：

<template>
  <child-component @my-event="handleEvent"></child-component>
</template>

<script>
export default {
  methods: {
    handleEvent(data) {
      console.log(data) // 输出 "hello world"
    }
  },
  mounted() {
    this.$emit('my-event', 'hello world')
  }
}
</script>

这里，我们在父组件的`mounted`钩子函数中调用`$emit`方法，并传递了一个名为`my-event`的事件和一个字符串数据。在子组件中，我们使用`@my-event`监听这个事件，并在父组件中定义了一个`handleEvent`方法来处理这个事件。当父组件通过`$emit`方法触发这个事件时，子组件会自动接收到这个数据，并将其显示出来。