vue中的组件如何通过vuex调取另一个组件的方法

可以通过vuex的actions和mutations来调用另一个组件的方法。

首先在vuex的state中定义一个属性，用来存储另一个组件的实例：

state: {
  otherComponentInstance: null
}

然后在mutations中定义一个方法，用来更新这个属性：

mutations: {
  setOtherComponentInstance(state, instance) {
    state.otherComponentInstance = instance
  }
}

在另一个组件中，可以通过$ref属性获取到组件的实例，并将其存储到vuex中：

import { mapMutations } from 'vuex'

export default {
  methods: {
    ...mapMutations([
      'setOtherComponentInstance'
    ]),
    saveOtherComponentInstance() {
      this.setOtherComponentInstance(this.$refs.otherComponent)
    }
  }
}

最后，在需要调用另一个组件方法的组件中，可以通过actions来调用另一个组件的方法：

import { mapState, mapActions } from 'vuex'

export default {
  computed: {
    ...mapState({
      otherComponentInstance: state => state.otherComponentInstance
    })
  },
  methods: {
    ...mapActions([
      'setOtherComponentInstance'
    ]),
    callOtherComponentMethod() {
      this.otherComponentInstance.otherMethod()
    }
  }
}

需要注意的是，这种方式需要在组件mounted之后再进行调用，以确保$ref获取到的是正确的组件实例。