vue3 父页面调用子组件方法

父页面：子组件标签写入ref 

<template>
  <div class="help">
    <helpRecycleBin ref="recycle"></helpRecycleBin>
    <button @click="search">查询</button>
  </div>
</template>

定义 recycle 与ref需要同名

<script setup>
  import helpRecycleBin from "./helpRecycleBin.vue";
  const recycle = ref();
  const search = () => {
      recycle.value.getList(); //调用子组件方法
  };
</script>

子组件：

const getList = () => {
  console.log("子组件");
};

defineExpose({
  getList, //暴露子组件方法
});