2.4 组件间通信Props（父传子）

24kHT2025-07-21 14:05

在父组件模板上的子组件上加上属性值，属性值就是想要传递给子组件的信息。

例如：

html 复制代码

<template>
<div class="Big-box">
    <testBox :personList="p"></testBox>
</div>
</template>

子组件接收父子间传递的信息

typescript 复制代码

const x = defineProps(['personList'])

子组件接收规范的父子间传递的信息

typescript 复制代码

const x = defineProps<{personList:Person}>()

子组件接收规范的父子间传递的可选的非必要信息

typescript 复制代码

const x = defineProps<{personList？:Person}>()

子组件接收规范的父子间传递的可选的非必要信息，有默认值

typescript 复制代码

const x = withDefaults(defineProps<{personList？:Person}>(),{
	...
})