ts中this.$emit

在Vue.js框架中，`this.$emit` 是一个非常重要的方法，它用于自定义事件的派发。在Vue组件中，父组件可以通过子组件自定义的事件来监听子组件发出的消息。`this.$emit` 方法使得子组件能够主动触发一个事件，并将数据传递给父组件。使用`this.$emit`时，通常会传递一个事件名称和可选的参数列表。

具体来说，当你在子组件中调用`this.$emit('eventName', param1, param2)`时，相当于派发了一个名为`eventName`的事件，并将`param1`、`param2`作为参数传递给这个事件。父组件可以使用`v-on`（或者`@`作为简写）指令来监听这个事件。

这里是一个简单的例子：

// 子组件内部
methods: {
  triggerEvent() {
    // 当需要触发事件时，调用 this.$emit
    this.$emit('custom-event', 'data');
  }
}

// 父组件中使用子组件
<template>
  <ChildComponent @custom-event="handleEvent" />
</template>

<script>
export default {
  components: {
    ChildComponent
  },
  methods: {
    handleEvent(data) {
      console.log(data); // 输出 'data'
    }
  }
}
</script>

在这个例子中，`ChildComponent`是子组件，它有一个方法`triggerEvent`，当这个方法被调用时，它会触发一个名为`custom-event`的事件，并传递字符串`'data'`作为参数。父组件通过监听`@custom-event`来接收这个事件，并在`handleEvent`方法中处理接收到的数据。