Vue CLI 插件 Electron Builder 调度 vuex 操作失败

Question

我有一个使用 Vue CLI Plugin Electron Builder 创建的 Vue Electron 应用程序，我尝试集成 vuex，具有以下存储结构

import Vue from "vue";
import Vuex from "vuex";
import { createPersistedState, createSharedMutations } from "vuex-electron";

import user from "./modules/user";

const debug = process.env.NODE_ENV !== "production";

Vue.use(Vuex);

// eslint-disable-next-line no-console
console.log(user);

export default new Vuex.Store({
  modules: {
    user
  },
  plugins: [createPersistedState(), createSharedMutations()],
  strict: debug
});

当我尝试在 App.vue 中调度操作时

 created() {
    const userInDb = UserCotroller.getUser();
    this.$store.disptach("setUser", userInDb);
}

我明白了 "TypeError: this.$store.disptach is not a function"

如何在此设置中使用 vuex？

Answer 1

你有一个错字：

created() {
    const userInDb = UserCotroller.getUser();
    this.$store.disptach("setUser", userInDb);
}

把它改成：

created() {
    const userInDb = UserCotroller.getUser();
    this.$store.dispatch("setUser", userInDb);
}

你写的是disptach而不是正确的dispatch