面中有一个组件，初次进入页面v-show=false，子组件隐藏。但是当前页面需要获取子组件调用子组件接口，此时无法用refs调用子组件中的接口，如何在组件不展示的情况下，调用子组件接口？

在 Vue.js 中，即使组件初始状态 `v-show` 为 `false` 并且不可见，仍然可以访问其内部的 API 或数据。你可以通过以下几种方式在父组件中间接调用子组件的方法：

1. 使用 `ref`: 虽然直接的 `this.$refs.childComponent.method()` 无法在 `v-show` 为 `false` 时工作，但你可以先将引用存储到一个变量中，等条件满足后再操作。例如：

<template>
  <div>
    <button @click="callChildMethodWhenReady">触发子组件方法</button>
    <child-component ref="childComponent" v-show="shouldShowChild"></child-component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      shouldShowChild: false,
    };
  },
  methods: {
    callChildMethodWhenReady() {
      this.shouldShowChild = true; // 等待一段时间或者设置一个定时器
      setTimeout(() => {
        if (this.$refs.childComponent) { // 检查子组件是否已渲染
          this.$refs.childComponent.childMethod(); // 调用子组件接口
        }
      }, 0); // 立即执行
    },
  },
};
</script>

2. 使用 `async/await` 和 `nextTick`: 如果子组件接口的调用依赖于DOM更新，可以使用 `Vue.nextTick` 来确保它在DOM更新之后运行。

3. 使用事件总线: 创建一个全局的 Vue 实例，用于传递消息。当父组件准备好调用子组件方法时，通过事件总线通知子组件。

无论哪种方法，关键在于控制何时以及如何恰当地调用子组件的方法。记住，在实际项目中，通常会优先考虑组件间的解耦和通信设计原则，而不是仅仅为了调用接口而调整显示逻辑。