vue3中点击父组件按钮时，如何触发子组件中事件执行，并返回结果

在Vue3中，可以通过`$refs`获取子组件实例，然后调用子组件方法来实现在父组件中触发子组件中方法执行，并获取执行结果的功能。具体步骤如下：

1. 在子组件中定义一个方法，该方法需要返回一个值：

<template>
  <div>
    <button ref="btn">点击我</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      const result = '这是子组件返回的结果'
      return result
    }
  }
}
</script>

2. 在父组件中引入子组件，并定义一个点击事件，通过`$refs`获取子组件实例，并调用子组件方法：

<template>
  <div>
    <child-component ref="childComponent"></child-component>
    <button @click="handleClick">点击我</button>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    handleClick() {
      const childComponent = this.$refs.childComponent
      const result = childComponent.handleClick()
      console.log(result)
    }
  }
}
</script>

在父组件中定义一个点击事件，通过`this.$refs`获取到子组件实例。然后可以调用子组件的方法`handleClick()`来触发子组件中的事件执行，并获取返回结果。在子组件中，通过`return`语句返回需要返回的结果。在父组件中，可以通过调用子组件方法获取子组件返回的结果，并进行后续处理。这样就可以实现在父组件中触发子组件中方法执行，并获取执行结果的功能。