vue组件通信父传子

在Vue中，可以使用props将父组件的数据传递给子组件。父组件通过在子组件上声明props来传递数据。这样子组件就可以通过props来接收父组件传递的数据。

下面是一个简单的示例来演示Vue中父组件向子组件通信的方法：

<!-- 父组件 -->
<template>
  <div>
    <h2>父组件</h2>
    <ChildComponent :message="message"></ChildComponent>
  </div>
</template>

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

export default {
  data() {
    return {
      message: 'Hello, World!'
    };
  },
  components: {
    ChildComponent
  }
};
</script>

<!-- 子组件 -->
<template>
  <div>
    <h3>子组件</h3>
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  props: {
    message: {
      type: String,
      required: true
    }
  }
};
</script>

在上面的例子中，父组件通过使用`ChildComponent`标签将子组件添加到了父组件模板中，并通过`:message="message"`将父组件的`message`属性传递给子组件。

子组件中声明了一个`props`属性，其中的`message`属性指定了数据的类型为字符串，并且设置了`required`为true，表示该属性是必需的。子组件可以通过`{{ message }}`来显示父组件传递的数据。

这样，父组件的数据就可以通过props传递给子组件进行通信了。