VueX mapGetters 擷取 Modules 中的Getters

注明 : permission 是你要擷取的Modules中的哪一個 (permission 即是 子產品名);

...mapGetters("permission",[
            'ReturnRoutes'
        ]),
		...mapGetters("子產品名",[
            '方法名'
        ]),
           

非輔助函數映射擷取方式 :

this.$store.getters["permission/ReturnRoutes"]
	this.$store.getters["子產品名/方法名"]
           

permission 實際上傳入的是一個路徑(一般在Modules嵌套的情況下)

computed: {
  ...mapState('some/nested/module', {
    a: state => state.a,
    b: state => state.b
  })
},
methods: {
  ...mapActions('some/nested/module', [
    'foo', // -> this.foo()
    'bar' // -> this.bar()
  ])
};				
           

createNamespacedHelpers 命名空間輔助函數, 來進行規定 輔助函數的路徑

import { createNamespacedHelpers } from 'vuex'

const { mapState, mapActions } = createNamespacedHelpers('some/nested/module')

export default {
  computed: {
    // 在 `some/nested/module` 中查找
    ...mapState({
      a: state => state.a,
      b: state => state.b
    })
  },
  methods: {
    // 在 `some/nested/module` 中查找
    ...mapActions([
      'foo',
      'bar'
    ])
  }
}
           

各位碼友多讀文檔, 如果您有幸看到這篇文章, 說明您是吃了少讀文檔的虧, 和我一樣, 共勉~, 詳情請看 Vuex文檔