如何使用Vuejs 3中的render函数从子组件触发父组件的方法

在Vue 3中，如果你想要在子组件里通过`v-on:emit`或者`@<事件名>=parentMethod`的方式触发父组件的方法，你可以这样做：

首先，在子组件模板上绑定一个自定义事件，并将需要传递给父组件的数据作为参数，例如：

<!-- 子组件.vue -->
<template>
  <button @click="callParentMethod">点击触发父方法</button>
</template>

<script setup>
import { onMounted } from 'vue';
function callParentMethod(data) {
  this.$emit('custom-event', data);
}
onMounted(callParentMethod); // 初始化时先调用一次，如果有必要
</script>

然后，在父组件中，你需要监听这个自定义事件并处理它：

<!-- 父组件.vue -->
<template>
  <ChildComponent :onCustomEvent="handleCustomEvent" />
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    handleCustomEvent(data) {
      console.log('子组件触发了父方法:', data);
      // 这里可以对data做进一步处理或通知其他部分
    }
  }
};
</script>

当你在子组件中点击按钮时，会触发`callParentMethod`，然后通过`$emit`将数据传递给父组件的`handleCustomEvent`方法。