Vue 3 - 셋업 시 Veux 스토어에 디스패치하는 방법

Vue 3 - 셋업 시 Veux 스토어에 디스패치하는 방법

Vue 3와 Vuex를 사용하는 프로젝트가 있습니다.Vue 3을 처음 사용하는데 Vue 3 프로젝트의 Setup 메서드에서 Vuex에 액세스하는 방법을 알 수 없는 것 같습니다.

피처 오브젝트가 있습니다.이것은 featureSelected 메서드를 사용하여 Childcomponent에 의해 설정됩니다.먼저 설정에서 useStore를 사용하여 스토어 상수를 만듭니다. import { useStore } from "vuex";그러면 feature Selected 함수 내에서 이 스토어 오브젝트의 디스패치 함수를 호출합니다.store.dispatch("setPlot", { geometry: newFeature });.

디스패치 기능이 스토어 오브젝트에 존재하지 않는다는 오류가 계속 표시됩니다.Uncaught TypeError: store.dispatch is not a function.

  setup() {
    const store = useStore;

    const feature = ref();

    const featureSelected = (newFeature) => {
      feature.value = newFeature;
      store.dispatch("setPlot", { geometry: newFeature });
    };

    return { feature, featureSelected };
  },

useStore를 사용하여 호출해야 하는 컴포지터블 함수입니다.()예를 들어 다음과 같습니다.

  const store = useStore();

언급URL : https://stackoverflow.com/questions/67868334/vue-3-how-to-dispatch-to-veux-store-in-setup