vue3怎么使用emit子组件向父组件传递方法

在Vue3中，使用`emit`来向父组件传递方法的方式与Vue2中略有不同。具体步骤如下：

1. 在子组件中，使用`defineEmits`定义需要向父组件传递的事件名称。

   import { defineComponent, defineEmits } from 'vue';
   
   export default defineComponent({
     emits: ['update'],
     // ...
   });

2. 在子组件中，通过`$emit`方法触发定义的事件，并将需要传递的参数作为`$emit`方法的第二个参数传入。

   export default defineComponent({
     methods: {
       handleClick() {
         this.$emit('update', 'hello from child');
       },
     },
     // ...
   });

3. 在父组件中，通过`v-on`或`@`指令监听子组件触发的事件，并在对应的方法中处理事件。

   <template>
     <ChildComponent @update="handleUpdate" />
   </template>
   
   <script>
   import ChildComponent from './ChildComponent.vue';
   
   export default {
     components: { ChildComponent },
     methods: {
       handleUpdate(payload) {
         console.log(payload); // 'hello from child'
       },
     },
   };
   </script>

需要注意的是，在Vue3中，我们需要使用`defineEmits`来明确声明需要向父组件传递的事件名称，而不是像Vue2中一样直接使用`$emit`方法进行事件触发。