VUE3使用父组件向子组件传递数据（Props）

父组件向子组件传递数据（Props）

父组件可以通过 props 向子组件传递数据。props 是单向数据流，意味着数据只能从父组件流向子组件。

父组件：

<template>
  <div>
    <ChildComponent :message="parentMessage" />
  </div>
</template>

<script lang="ts" setup>
import ChildComponent from './ChildComponent.vue';
const parentMessage = 'Hello from Parent!';
</script>

子组件：

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

<script lang="ts" setup>
defineProps<{ message: string }>();
</script>