它在getter中是否有效，在vuex中调用一个action？

在getter中是否有效，在vuex中调用一个action？

在Vuex中，getter是用来获取store中的状态数据的计算属性。Getter可以接收state作为第一个参数，并且可以接收其他getter作为第二个参数。Getter可以通过在store中定义的方法来计算和返回一个新的值，这个值可以在组件中使用。

在getter中调用一个action是有效的，可以通过在getter中使用dispatch方法来触发一个action。这样可以在getter中进行异步操作，例如从服务器获取数据或执行其他耗时操作。通过调用action来处理这些异步操作，可以保持getter的纯净性，使其只负责计算和返回数据。

以下是一个示例代码，演示了在getter中调用一个action的用法：

// 在store中定义一个getter和一个action
const store = new Vuex.Store({
  state: {
    count: 0
  },
  getters: {
    getCountPlusOne: state => {
      // 在getter中调用action
      store.dispatch('incrementCount')
      return state.count + 1
    }
  },
  actions: {
    incrementCount: ({ commit }) => {
      // 异步操作，例如从服务器获取数据
      setTimeout(() => {
        commit('increment')
      }, 1000)
    }
  },
  mutations: {
    increment: state => {
      state.count++
    }
  }
})

// 在组件中使用getter
export default {
  computed: {
    countPlusOne() {
      return this.$store.getters.getCountPlusOne
    }
  }
}

在上述示例中，getter getCountPlusOne 调用了action incrementCount，该action会在1秒后通过mutation increment 来增加state中的count值。组件中的countPlusOne计算属性会自动更新，以显示最新的计算结果。

推荐的腾讯云相关产品和产品介绍链接地址：