vue 父组件如何向子组件传值

在Vue中，父组件向子组件传值可以通过props进行实现。以下是一种常见的方法：

1. 在子组件中定义props接收父组件传递的值。可以在子组件的props属性中声明需要接收的属性。例如，在子组件中声明prop名为message：

props: ['message']

2. 在父组件中使用子组件时，通过在子组件上绑定属性的方式向子组件传递值。例如，在父组件中使用子组件，并传递一个名为"Hello World"的值给子组件的message属性：

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

注意：在使用v-bind指令时，需要使用冒号前缀来表示绑定的是一个变量，而不是字符串。

3. 子组件可以在其模板中使用传递过来的值。在子组件的模板中，可以使用双花括号语法将传递的值插入到模板中：

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

这样，父组件就成功地将值传递给了子组件。