关于Vue3父组件获取子组件的数据疑问？

父组件

<template>
    <son ref="sonRef" />
    <el-button @click='getSonData'>读取</el-button>
</template>
<script setup lang="ts">
    import { ref } from 'vue'
    const sonRef = ref(null)
    const getSonData = () => {
        console.log(sonRef.value.data)
    }
</scrip>

子组件

<template>
    <div> {{ data }}</div>
</template>
<script setup lang="ts">
    import { ref } from 'vue'
    const data = ref('abc')
    defineExpose({
        data
    })
</script>

为什么执行getSonData的时候，无法获取到子组件的data？sonRef.value.data只能在onMounted内使用吗？不能在父组件的方法里执行？