vue父组件给子组件传参

在 Vue 中，父组件可以通过 prop 属性向子组件传递数据。以下是一个简单的示例：

父组件：

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

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      parentMessage: 'Hello from parent!'
    }
  }
}
</script>

子组件：

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

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

在父组件中，使用 `:message` 将 `parentMessage` 传递给子组件。在子组件中，使用 `props` 来声明接收的数据类型和名称，并在模板中使用 `{{ message }}` 来显示该数据。