父子组件传值

vue3文档

父组件

<template>
  <child :title="title"></child>
</template>
<script setup lang="ts">
import {ref} from 'vue'
const title = ref('父传标题')

</script>

子组件

<template>

</template>
<script setup lang="ts">
import {ref} from 'vue'

const prop = defineProps({
  title: {
    type: String,
    default: '默认标题'
  }
})

</script>