vue中定义多个实例相互调用

在 Vue 中，你可以通过在组件中使用 `$refs` 属性来获取其他组件的实例，并调用其方法或访问其属性。

例如，假设你有两个组件 `componentA` 和 `componentB`，你可以在 `componentA` 中使用 `$refs` 来获取 `componentB` 的实例，并调用其方法：

<template>
  <div>
    <component-b ref="componentB"></component-b>
    <button @click="callComponentBMethod">Call Component B Method</button>
  </div>
</template>

<script>
import ComponentB from './ComponentB.vue'

export default {
  components: {
    ComponentB
  },
  methods: {
    callComponentBMethod() {
      this.$refs.componentB.componentBMethod()
    }
  }
}
</script>

在上面的示例中，我们在 `componentA` 中定义了一个名称为 `componentB` 的 `$refs`，然后在 `callComponentBMethod` 方法中使用 `$refs` 来获取 `componentB` 的实例，并调用其 `componentBMethod` 方法。

需要注意的是，在获取 `$refs` 时，你需要等到组件已经被挂载到 DOM 上才能获取到其实例。因此，如果你想在组件的 `mounted` 生命周期钩子中获取 `$refs`，你需要使用 `this.$nextTick` 方法来等待 DOM 更新完成。

另外，如果你需要在多个组件之间共享数据或状态，你可以考虑使用 Vuex 进行全局状态管理。