vue3 子组件向父组件暴露方法expose用法

在Vue 3中，子组件向父组件暴露方法可以使用`expose`函数。`expose`函数是Vue 3中新增的一个API，用于在子组件中向父组件暴露方法或属性。

使用`expose`函数的步骤如下：
1. 在子组件中定义需要暴露给父组件的方法或属性。
2. 在子组件的`setup`函数中使用`expose`函数将这些方法或属性暴露出去。

下面是一个示例代码，演示了如何在子组件中使用`expose`函数向父组件暴露方法：

// 子组件 Child.vue
<template>
  <div>
    <button @click="callParentMethod">调用父组件方法</button>
  </div>
</template>

<script>
import { expose } from 'vue';

export default {
  setup() {
    // 定义需要暴露给父组件的方法
    const callParentMethod = () => {
      // 调用父组件的方法
      exposeMethod();
    };

    // 使用expose函数将方法暴露出去
    expose({
      callParentMethod,
    });

    return {
      callParentMethod,
    };
  },
};
</script>

在上述示例中，子组件`Child.vue`中定义了一个名为`callParentMethod`的方法，并在`setup`函数中使用`expose`函数将该方法暴露给父组件。然后，在模板中通过点击按钮触发`callParentMethod`方法，从而调用父组件中的方法。