Vue3.2中父组件调用子组件的方法

子组件：

<script steup lang="ts">
  const fn = () =>{
    console.log('我是子组件中的方法')
  }

  defineExpose({
    fn
  })
</script>

父组件：

<template>
   <Child ref="childFunction" />
</template>

<script setup lang="ts">
  import {ref} from 'vue'
  import Child from '@/components/Child.vue'
  const childFunction = ref<any>()
  const getChild = () =>{
    childFunction.value.fn
  }
</script>

父组件中只需要调用getChild()方法，就可以使用子组件中的fn()方法了