父组件
<template>
<div id="wrap">
// 子组件
<son :title="title" />
</div>
</template>
<script setup>
import { ref } from 'vue'
const title = ref('')
</script>
子组件: 通过defineProps来接受父组件传过来的数据
<template>
{{ props.title }}
</template>
<script setup>
import { defineProps } from 'vue'
let props = defineProps(['title'])
</script>