vuex 在typescript中的详细使用: vuex-class

我们要说的vuex在ts文件中的使用主要是利用vuex-class！

安装vuex-class

$ npm install --save vuex-class
# or
$ yarn add vuex-class

Example

直接上代码，主要用法在代码中已经完全体现了，大家感受一下 。

import { Vue, Component, Prop, Watch } from 'vue-property-decorator';
import { State, Getter, Action, Mutation, namespace } from 'vuex-class';
const missionModule = namespace('mission');
@Component
export default class ViewMenuConditionComponent extends Vue {
  @missionModule.Getter('getTaskProps') taskProps;
  @missionModule.Getter('getConditionValues') conditionValues;
  @Action('foo') actionFoo
  @Mutation('foo') mutationFoo

  created () {
    this.taskProps // -> store.mission.taskProps
    this.conditionValues // -> store.mission.conditionValues
    
    this.actionFoo({ value: true }) // -> store.dispatch('foo', { value: true })
    this.mutationFoo({ value: true }) // -> store.commit('foo', { value: true })
  }
}