使用 props + emit（推荐方式）

父组件:

<template>
  <ChildComponent 
    :parent-data="parentData" 
    @update-data="handleUpdateData"
  />
  <p>父组件数据: {{ parentData }}</p>
</template>

<script setup>
import { ref } from 'vue'
import ChildComponent from './ChildComponent.vue'

const parentData = ref('初始数据')

const handleUpdateData = (newValue) => {
  parentData.value = newValue
}
</script>

子组件:

<template>
  <button @click="updateParentData">修改父组件数据</button>
</template>

<script setup>
const props = defineProps(['parentData'])
const emit = defineEmits(['update-data'])

const updateParentData = () => {
  emit('update-data', '子组件修改后的数据')
}
</script>