父组件使用子组件的事件

父组件可以使用子组件的事件，需要通过props将子组件的事件传递给父组件。具体步骤如下：

1. 在子组件中定义一个事件，并在需要触发该事件的地方调用它。
2. 在父组件中使用子组件时，将子组件的事件作为props传递给子组件。
3. 在父组件中定义一个方法来接收子组件触发的事件，并在需要处理该事件的地方调用该方法。

示例代码如下：

子组件：

// ChildComponent.vue

<template>
  <button @click="childEvent">触发子组件事件</button>
</template>

<script>
export default {
  methods: {
    childEvent() {
      // 子组件触发的事件
      this.$emit('child-event');
    }
  }
}
</script>

父组件：

// ParentComponent.vue

<template>
  <div>
    <ChildComponent @child-event="parentMethod" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    parentMethod() {
      // 父组件接收到子组件触发的事件
      console.log('父组件接收到子组件触发的事件');
    }
  }
}
</script>

在父组件中，通过`@child-event="parentMethod"`将子组件的事件`child-event`传递给了父组件的方法`parentMethod`。当子组件触发事件时，父组件会调用`parentMethod`来处理该事件。