vue3setup中使用子传父

在Vue 3中，你可以使用`setup`函数中的`emit`方法来实现子组件向父组件传递方法。下面是一个示例：

父组件：

<template>
  <div>
    <child-component @childMethod="handleChildMethod"></child-component>
  </div>
</template>

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

export default {
  components: {
    ChildComponent,
  },
  methods: {
    handleChildMethod(data) {
      console.log('子组件传递的数据：', data);
      // 在这里处理从子组件传递过来的数据
    },
  },
};
</script>

子组件：

<template>
  <div>
    <button @click="triggerParentMethod">触发父组件方法</button>
  </div>
</template>

<script>
export default {
  setup(props, { emit }) {
    const triggerParentMethod = () => {
      const data = '传递给父组件的数据';
      emit('childMethod', data);
    };

    return {
      triggerParentMethod,
    };
  },
};
</script>

在子组件的`setup`函数中，你可以使用`emit`方法触发父组件定义的方法。然后，在父组件中使用`@childMethod`来监听子组件触发的自定义事件，并在`handleChildMethod`方法中处理传递过来的数据。

这样，子组件就可以在`setup`函数中使用`emit`方法来向父组件传递方法了。