为什么我的 getter from store in App.vue class 未定义

Question

我正在使用 vue、vuex 和 vuex-typescript 构建一个电子应用程序。所以我的商店使用 vuex-typescript 有以下代码：

export const dispaVuex = {
  namespaced: true,

  state: {
    dispatch: new Dispatcher(appState),
  },

  getters: {
    getFTime(state: DispatchState): boolean {
      return state.dispatch.fistTime;
    },
  },
};

const {read} = getStoreAccessors<DispatchState, RootState>("Test");

export const readFtime = read(dispaVuex.getters.getFTime);

将商店添加到我的 vue 实例后，我尝试访问 App.vue 中的 firstTime 变量，如下所示：

@Component
export default class App extends Vue {
  // fTime: boolean;
  get fTime(): boolean {
    return readFtime(this.$store);
  }
}

查看调试器时，商店中的所有内容都已完美初始化，但我的 App 实例的 fTime 未定义。

为什么会这样？关于事物的制作顺序，我有什么不明白的吗？

PS。 firstTime 是 class Dispatcher

的成员

Answer 1

所以在仔细查看 vuex-typescript 自述文件中给出的示例后，我注意到我在调用函数时传递了错误的命名空间 getStoreAccessors。

像这样使用 dispaVuex 而不是 Test 解决了问题：

const {read} = getStoreAccessors<DispatchState, RootState>("dispaVuex");

为什么我的 getter from store in App.vue class 未定义

Why is my getter from store in App.vue class undefined

vue.js

vuex

vuejs2

vue-class-components