Vue 3 - 如何在设置中发送到 Veux 商店

Question

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

我有一个特征对象。这是由 Childcomponent 使用 featureSelected 方法设置的。首先，在我的设置中，我使用 useStore 创建了一个存储常量；来自 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();

Vue 3 - 如何在设置中发送到 Veux 商店

Vue 3 - How to dispatch to Veux store in setup

vue.js

vuex

vuejs3

vue-composition-api

vuex4