小编Kom*_*omi的帖子

如何通过 Vuex 4 和 TypeScript 使用其他存储模块 getters/actions/mutations

我正在使用 TypeScript 和 Vuex4 开发 Vue 3 项目。现在我正在使用 TS 为 vuex 中的每个存储模块使用样板声明方法。看起来像这样:或者如果我的代码可读性不够,这是我用来指导我的:https ://betterprogramming.pub/the-state-of-typed-vuex-the-cleanest-approach-2358ee05d230

//#region Store
export const state: State = {
  stateVar: null,
  isError: false,
};

export const getters: GetterTree<State, RootState> & Getters = {
  getStateVar: state => state.stateVar,
  getIsError: state => state.isError,
};

export const mutations: MutationTree<State> & Mutations = {
  [ModuleMutationTypes.setStateVar](state: State, payload: StateVarType) {
    state.stateVar = payload;
  },
  [ModuleMutationTypes.setIsError](state: State, payload: boolean) {
    state.isError = payload;
  },
};

export const actions: ActionTree<State, RootState> & Actions = …
Run Code Online (Sandbox Code Playgroud)

typescript vue.js vuex vuejs3 vuex4

1
推荐指数
1
解决办法
4718
查看次数

标签 统计

typescript ×1

vue.js ×1

vuejs3 ×1

vuex ×1

vuex4 ×1