打字稿Vuex-如何使用setter和getter定义状态？

Question

In the vuex store I want to initialize a state called _token. When I'm trying to access the property within the same class, it gives me the error message that the setter for _token is not defined. Anyone has an idea why only the getter is available?

export default class Api extends VuexModule {
  public _token = '';

  @Action
  public async [VuexActionsApi.VerifyUser](data: any): Promise<IResponseState> {
    const vuexInstance = this;

    // this is not working
    vuexInstance._token = "test";
}

Answer 1

If you are going to use class decorators then you must import them (and install the package) like this:

import Action from 'vue-class-component'

Although I might advise against that syntax as it is being deprecated in vue3, see here: https://github.com/vuejs/rfcs/pull/17#issuecomment-494242121

Answer 2

It seems to work now, when i defined the state like this:

public data = {
  bearerToken: undefined
};

Now the setter and getter functions are created correctly. Someone has an idea why the first approach didn't work?