vue-property-decorator prop

在Vue中，可以使用vue-property-decorator来定义和使用组件的emit事件。通过@Emit装饰器，可以将一个方法标记为一个emit事件。例如，我们可以使用@Emit装饰器来定义一个名为"customEvent"的emit事件：

import { Vue, Component, Emit } from 'vue-property-decorator';

@Component
export default class MyComponent extends Vue {
  @Emit()
  customEvent(payload: any) {
    // 在这里进行一些逻辑操作
    return payload;
  }
}

在上述示例中，我们使用@Emit装饰器将customEvent方法标记为一个emit事件。当我们调用customEvent方法时，它将触发名为"customEvent"的emit事件，并传递一个payload参数。

你可以在父组件中监听并处理这个emit事件，例如：

<template>
  <my-component @customEvent="handleCustomEvent"></my-component>
</template>

<script>
  export default {
    methods: {
      handleCustomEvent(payload) {
        // 处理emit事件的逻辑
      },
    },
  };
</script>

在上述示例中，我们通过监听"@customEvent"事件来处理MyComponent组件的"customEvent" emit事件，并将payload作为参数传递给handleCustomEvent方法。

这样，当MyComponent组件中的customEvent方法被调用时，它将触发父组件中的handleCustomEvent方法，并将payload作为参数传递过去。