vue3中子组件传参给父组件

在Vue 3中，子组件可以通过使用props属性将数据传递给父组件。下面是一个简单的示例：

在子组件中，你需要定义props属性来接收父组件传递的参数。可以在子组件的`setup()`函数中使用`defineProps`函数来定义props。

import { defineProps } from 'vue';

export default {
  props: {
    message: {
      type: String,
      required: true
    }
  },
  setup(props) {
    // 使用props.message来访问父组件传递的参数
    // 可以在这里进行一些操作或者将数据传递给父组件的方法
    // ...
    return {
      // ...
    };
  }
};

然后，在父组件中使用子组件时，可以通过v-bind指令将数据传递给子组件的props。

<template>
  <div>
    <child-component :message="parentMessage" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      parentMessage: 'Hello from parent component'
    };
  }
};
</script>

在上面的例子中，父组件通过`:message="parentMessage"`将`parentMessage`传递给了子组件的props中的`message`属性。子组件可以通过`props.message`来访问传递过来的值。

这样，你就可以在Vue 3中实现子组件向父组件传递参数了。