vue3父组件触发子事件

在Vue 3中，父组件可以通过使用子组件的引用来触发子组件的事件。首先，需要在父组件中使用`ref`来创建一个子组件的引用。然后，可以通过引用来调用子组件中的方法或访问子组件的属性。以下是一个示例代码：

// 父组件
<template>
  <Child ref="child" />
  <button @click="triggerChildEvent">触发子事件</button>
</template>

<script>
import { ref } from 'vue'
import Child from './Child.vue'

export default {
  components: {
    Child
  },
  setup() {
    const childRef = ref(null)

    const triggerChildEvent = () => {
      // 使用引用调用子组件的方法
      childRef.value.childEvent()
    }

    return {
      childRef,
      triggerChildEvent
    }
  }
}
</script>

在以上示例中，我们创建了一个子组件的引用`childRef`，并将其挂载在父组件的`setup`函数中。然后，我们通过点击按钮来触发`triggerChildEvent`方法，该方法通过引用调用子组件的`childEvent`方法。