vue3 怎么接收父组件传递的值

在 Vue 3 中，接收父组件传递的值需要使用 props。下面是一个示例：

首先，在父组件中，通过在子组件标签上使用 v-bind 或简写的 ":" 语法来传递值。例如：

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

<script>
export default {
  data() {
    return {
      message: 'Hello from parent component'
    }
  }
}
</script>

然后，在子组件中，需要在 props 选项中声明接收的属性。例如：

<template>
  <div>
    <p>{{ receivedMessage }}</p>
  </div>
</template>

<script>
export default {
  props: ['message'],
  computed: {
    receivedMessage() {
      return this.message;
    }
  }
}
</script>

在这个示例中，父组件通过属性 `message` 将值传递给子组件，并在子组件中使用 `props` 接收该属性，并将其显示在模板中。

注意：在 Vue 3 中，props 的声明方式有所变化，你也可以使用更详细的语法来声明 props，例如指定属性的类型、默认值等。更多关于 props 的详细信息可以参考 Vue 3 的官方文档。