父组件需要调用子组件中的方法可以使用ref,子组件需要使用defineExpose把父组件可调用的方法导出来
父组件：

<template>
<div>
<childrenComponent ref="children"></childrenComponent>
</div>
</template>
<script setup lang="ts">
import { ref} from 'vue'
const children=ref();
function getChildrenData(){
let a=children.city();
}
</script>

子组件

<template>
<div>
我是子组件
</div>
</template>
<script setup lang="ts">
import { ref} from 'vue'
function city(){
return '北京'
}
defineExpose({city})
</script>