vue3父组件使用子组件的函数

父组件在Vue3中使用子组件的函数可以通过expose和ref来实现。首先，在父组件中使用ref指令关联子组件，然后通过expose选项将子组件的方法或对象暴露给父组件。这样，父组件就可以通过访问子组件的ref实例来调用子组件的函数。

具体实现步骤如下：
1. 在父组件中使用ref指令关联子组件，例如 `<child ref="childComp"/>`，这里的`childComp`是子组件实例的名称，可以自定义。
2. 在父组件的`setup`函数中，使用`ref(null)`创建一个子组件实例的引用，例如 `const childComp = ref(null);`。
3. 在子组件中使用`expose`选项，将需要暴露给父组件的函数或对象放在`expose`选项内，例如：

// 子组件 child.vue
<script setup>
import { ref, onMounted, expose } from "vue";

const state = ref({
  title: "子组件标题"
});

const play = () => {
  console.log("子组件的play方法被调用");
};

expose({
  state,
  play
});

onMounted(() => {
  console.log("子组件已挂载");
});
</script>

4. 在父组件的`setup`函数中，可以通过访问子组件的ref实例来获取子组件的方法或对象。例如，可以通过`childComp.value.state.title`来获取子组件的标题数据，通过`childComp.value.play()`来调用子组件的play方法。

// 父组件 app.vue
<script setup>
import { ref } from "vue";
import child from "./child.vue";

const childComp = ref(null);

const onTry = () => {
  let msg = childComp.value.state.title;
  childComp.value.play();
};
</script>

回答完毕，请问还有其他问题吗？