vue.js - Vue 3 - 如何在设置中调度到 Vuex 商店

Question

我有一个使用 Vue 3 和 Vuex 的项目。这是我第一次使用 Vue 3。我似乎不知道如何在 Vue 3 项目的 Setup 方法中访问 Vuex。

我有一个特征对象。这是由子组件使用 featureSelected 方法设置的。首先，在我的设置中，我使用 useStore 创建一个存储常量； from import { useStore } from "vuex";。然后，在 featureSelected 函数内，我在此存储对象上调用调度函数 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 };
  },

Answer 1

useStore 是一个可组合的函数，应该使用 () 调用，如下所示:

  const store = useStore();