vue如何在子组件中触发父组件的事件

在 Vue 中，可以通过在子组件中使用 `$emit` 方法触发父组件的事件。

具体实现步骤如下：

1. 在父组件模板中绑定事件处理函数。

<template>
  <div>
    <child-component @child-event="handleChildEvent"></child-component>
  </div>
</template>

在这个例子中，我们在父组件中绑定了一个名为 `handleChildEvent` 的事件处理函数，用于处理子组件触发的事件。

2. 在子组件中使用 `$emit` 方法触发该事件。

<template>
  <div>
    <button @click="triggerEvent">触发事件</button>
  </div>
</template>

<script>
export default {
  methods: {
    triggerEvent() {
      this.$emit('child-event', '这是一个参数');
    }
  }
}
</script>

在这个例子中，我们在子组件中绑定了一个点击事件，当用户点击按钮时，会调用 `triggerEvent` 方法并使用 `$emit` 方法触发 `child-event` 事件，并传递了一个参数 `'这是一个参数'`。

当子组件触发该事件时，父组件中的 `handleChildEvent` 方法会被调用，并且可以通过参数获取到子组件传递的数据，即 `'这是一个参数'`。