programing

여러 vuex createNamesched에 대한 베스트 프랙티스는 무엇입니까?도우미?

goodsources 2022. 7. 26. 23:43
반응형

여러 vuex createNamesched에 대한 베스트 프랙티스는 무엇입니까?도우미?

에 대한 좋은 관행을 찾고 있었습니다.createNamespacedHelpers찾을 수 없었습니다.

제 컴포넌트에서는 2개의 스토어 모듈에 접속하고 싶습니다.어떻게 하면 좋을까요?

다음의 3가지 가능성이 있습니다.

1: 없이 쓰기createNamespacedHelpers

import { mapActions, mapGetters } from "vuex";
...
...
computed: {
  ...mapGetters({
    getterA: "moduleA/getterA",
    getterB: "moduleB/getterB",
  })
}

2: 두 개로 작성createNamespacedHelpers

import { createNamespacedHelpers } from "vuex";
const { mapActions, mapGetters } = createNamespacedHelpers("moduleA");
const moduleBHelper = createNamespacedHelpers("moduleB");
...
...
computed: {
  ...mapGetters(["getterA"]),
  ...moduleBHelper.mapGetters(["getterB"]),
}

3: 이런 것도 발견했어요.두 개로 쓰세요.createNamespacedHelpers, 단, 구문이 다릅니다.

import { createNamespacedHelpers } from "vuex";
const { mapGetters: mapGettersForModuleA } = createNamespacedHelpers("moduleA");
const { mapGetters: mapGettersForModuleB } = createNamespacedHelpers("moduleB");
...
...
computed: {
  ...mapGettersForModuleA(["getterA"]),
  ...mapGettersForModuleB(["getterB"]),
}

어떤 걸 고르시겠어요?더 좋은 방법이 없을까요?아니면... 같은 컴포넌트에서 두 개의 저장 모듈에 접근하는 것이 좋지 않은 방법일까요?어떤 코멘트라도 환영합니다:)

언급URL : https://stackoverflow.com/questions/64098748/whats-the-best-practice-for-multiple-vuex-createnamespacedhelpers

반응형