vue3子组件给父传参

在 Vue3 中，子组件向父组件传递参数可以通过 emit 方法实现。具体步骤如下：

1. 在子组件中定义一个事件，并使用 emit 方法触发该事件，同时将需要传递的参数作为 emit 方法的参数传入。

   // 子组件中
   <template>
     <button @click="handleClick">点击</button>
   </template>
   
   <script>
   export default {
     methods: {
       handleClick() {
         this.$emit('my-event', 'hello world')
       }
     }
   }
   </script>

2. 在父组件中监听该事件，并在事件处理函数中获取子组件传递的参数。

   // 父组件中
   <template>
     <child-component @my-event="handleEvent"></child-component>
   </template>
   
   <script>
   import ChildComponent from './ChildComponent.vue'
   
   export default {
     components: {
       ChildComponent
     },
     methods: {
       handleEvent(msg) {
         console.log(msg) // 输出 'hello world'
       }
     }
   }
   </script>