子组件怎样获取父组件传递过来的值 vue3

在Vue 3中，子组件可以通过props属性来获取父组件传递过来的值。props是子组件的属性，可以在子组件中声明需要接收的属性，并通过父组件传递的方式将值传递给子组件。

以下是子组件获取父组件传递值的步骤：
1. 在子组件中，使用props选项声明需要接收的属性。例如，如果需要接收一个名为"message"的属性，可以在子组件中添加如下代码：

props: {
  message: String
}

2. 在父组件中，使用子组件标签时，通过属性绑定的方式将值传递给子组件。例如：

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

其中，parentMessage是父组件中的数据。

3. 子组件就可以在自己的模板中使用props中声明的属性了。例如，在子组件的模板中可以这样使用：

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

这样，子组件就可以获取到父组件传递过来的值了。