vue3 父组件调用子组件方法

父组件中

<template>
  <Map ref="mapRef"></Map>
  <el-button @click="getData">查询数据</el-button>
</template>
<script setup>
import Map from "xxx"
const mapRef = ref(null)
function getData(){
  mapRef.value.finData()
}
</script>

子组件中Map.vue，主要是defineExpose， 否则调用不到自组件的方法，调用的方法都要放到defineExpose里

<template>
  <div></div>
</template>
<script setup>
import {defineExpose} from 'vue'

const findData = ()=>{
  return 111
}
defineExpose({
  findData 
})
</script>