vu3父组件传值给子组件

要将数据从 Vue.js 的父组件传递给子组件，需要使用 props（属性）。

在父组件中，通过在子组件标签上绑定属性的方式将数据传递给子组件，如下所示：

<template>
  <div>
    <child-component :propName="propValue"></child-component>
  </div>
</template>

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

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

在子组件中，需要声明 props，以便可以接收从父组件传递过来的数据，如下所示：

<template>
  <div>
    {{ propName }}
  </div>
</template>

<script>
export default {
  props: {
    propName: String
  }
}
</script>

在上面的示例中，父组件将 `propValue` 传递给子组件的 `propName` 属性。子组件中声明了 `propName` 属性，并且使用插值表达式 `{{ propName }}` 将其值显示在页面中。