vue3的最新版本，提供了一个<script setup>的语法糖，可以让我们在编写单文件组件（SFC）时代码更简洁，官网对其对介绍说明：vue官网对setup语法糖的介绍
但是使用了setup语法糖后，我们会发现组件通过$refs无法直接调用子组件的函数、方法。
通过查找官方文档，我们发现官方对其做出了解释说明：使用<script setup>的组件默认是关闭的，即通过模板 ref 或者 $parent 链获取到的组件的公开实例，不会暴露任何在 <script setup> 中声明的绑。defineExpose的说明
要解决这个问题很简单，只需要在被调用的子组件中，通过defineExpose暴露对应的函数、属性即可。如下：
<!-- 子组件 -->
<template>
<div>children</div>
</template>
<script setup>
const count = ref(0)
function test() {
console.log(‘子组件的方法’)
}
defineExpose({
test,
count
})
</script>
