Vuex 獲取getter對象中的值的所有方法

getter取值與state取值具有相似性

1.直接從根實例獲取

// main.js中，把store註冊在根實例下，可使用this.$stroe.getters直接取值
computed: {
  testNum1() {
    return this.$store.getters.testNum1;
  }
}

2.使用mapState取值

import { mapGetters } from "vuex";

export default {
  computed: {
    ...mapGetters({
      // 把 `this.getNum1` 映射爲 `this.$store.getters.getNum1`
      getNum1: "getNum1"
    }),
    ...mapGetters([
      // 使用對象展開運算符將 getter 混入 computed 對象
      "getNum4"
    ])
  }
};

3.使用module中的getter

import { mapGetters } from "vuex";

export default {
  computed: {
    getNum1(a,b) {
      return this.$store.getters['moduleA/getNum1']
    },
    // 第一個參數是namespace命名空間，填上對應的module名稱即可
    ...mapGetters("moduleA", {
      getNum2: "getNum2"
    }),
    ...mapGetters("moduleA", ["getNum3"])
  }
};