Vue3父子组件互调怎么实现

今天小编给大家分享一下Vue3父子组件互调怎么实现的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

一、父组件调用子组件方法

下面演示为使用 setup 语法糖的情况，值得注意的是子组件需要使用 defineExpose 对外暴露方法，父组件才可以调用！

1、子组件

2、父组件

3、测试结果

4、关于 defineExpose 的官方文档

defineExpose

使用

当父组件通过模板 ref 的方式获取到当前组件的实例，获取到的实例会像这样 { a: number, b: number } (ref 会和在普通实例中一样被自动解包)。

二、子组件调用父组件方法

1、子组件

2、父组件

3、测试结果

4、关于 defineEmits 的官方文档

defineProps 和 defineEmits

在

• defineProps 和 defineEmits 都是只在