Vue中当父组件为子组件绑定自定义事件时，子组件要通过调用()方法触发该自定义事件

在Vue.js中，如果父组件想要向子组件传递自定义事件，并希望子组件能够触发这个事件，通常的做法是通过`v-on`指令监听父组件传递过来的自定义事件，然后在子组件内部定义一个方法来处理并触发这个事件。

例如，假设父组件有一个名为`customEvent`的自定义事件，可以在子组件模板上绑定这个事件：

<!-- 父组件 -->
<template>
  <div>
    <child-component @customEvent="handleCustomEvent"></child-component>
  </div>
</template>

<script>
export default {
  methods: {
    handleCustomEvent(data) {
      // 处理接收到的数据
    }
  }
}
</script>

子组件则需要在接收父组件传入事件的地方定义一个方法来触发它：

<!-- 子组件 template -->
<template>
  <button @click="$emit('customEvent', '数据内容')">触发自定义事件</button>
</template>

<script>
export default {
  methods: {
    customEventHandler(data) {
      this.$emit('customEvent', data); // 触发customEvent并传递数据
    }
  }
}
</script>

当用户点击子组件中的按钮时，会触发`customEventHandler`方法，进而通过`$emit`方法将事件以及携带的数据传递给父组件。注意，这里使用了`$emit`是因为Vue提供了两个用于触发事件的API，`@`用于监听，`$emit`用于触发。