未 使用 setup 语法糖 前注册 组件 ： <script lang ="ts"> import { defineComponent, ref, reactive } from " vue "; import AddPoints from './addPoints. vue ' export default defineComponent({ components: { AddPoints, </script> 使用 setup 语法糖 注册 组件 ： <script l

在 Vue 3中， 使用 ` setup ` 语法糖 来定义 组件 时 ，可以通过`emit`函数向父 组件 发送事件，从而调用父 组件 中的方法。具体步骤如下： 1. 在父 组件 中定义一个方法，该方法将在子 组件 中被调用： <template> <child-component @custom-event="handleCustomEvent"></child-component> </template> <script> export default { methods: { handleCustomEvent() { // 子 组件 向父 组件 发送事件后的处理逻辑 </script> 2. 在子 组件 中，通过`props`选项接收父 组件 传递的方法，并通过`emit`函数向父 组件 发送事件： <template> <button @click="handleClick">调用父 组件 方法</button> </template> <script> export default { props: { customEvent: { type: Function, required: true setup (props, { emit }) { const handleClick = () => { emit('custom-event') return { handleClick </script> 在子 组件 中，我们通过`props`选项接收父 组件 传递的`customEvent`方法，并通过`emit`函数向父 组件 发送`custom-event`事件。在` setup `函数中，我们定义了`handleClick`方法，当子 组件 中的按钮被点击 时 ，会触发该方法，从而通过`emit`函数向父 组件 发送`custom-event`事件。 当父 组件 接收到`custom-event`事件 时 ，会执行`handleCustomEvent`方法，从而实现了子 组件 调用父 组件 中的方法。