Vuex Store에서 'this'로 액세스 상태

Vuex Store에서 'this'로 액세스 상태

현재 Vuex를 배우고 있으며 Vue 공식 문서의 이 부분을 읽고 있습니다.혹시 저희가 이 컴퓨터에 접속해야 하는 특별한 이유가 있나요?state그냥 사용하는 것이 아니라 논쟁을 해서this? 이 기능을 사용할 수 있는지 테스트했습니다.this그랬습니다.

Vue의 예

const store = new Vuex.Store({
  state: {
    count: 1
  },
  mutations: {
    increment (state) {
      state.count++
    }
  }
})

마이 예

const store = new Vuex.Store({
  state: {
    count: 1
  },
  mutations: {
    increment () {
      this.count++;
    }
  }
})

Vuex 스토어 인스턴스는 자체 인스턴스가 있는 일반 개체가 아닙니다.this파라미터로서 상태를 전달하고, 그 로직(패턴) 내부에서 변환에 따라 상태가 갱신되는 것을 나타내는 블랙박스로 간주할 수 있습니다.this다음 사이트에서 입수 가능:

 mutations: {
    increment () {
      this.count++;
    }
  }

그것은 전 세계를 가리킨다.window물건.

@Spinx 코멘트에 따르면this버전 3 이후의 vuex 인스턴스를 참조하고 있습니다.@Matt가 말한 내용은 다음과 같습니다.

IMO 이것은 함수가 어떻게 바인딩되어 있는지 모르기 때문에 명시적 파라미터를 사용해야 하는 이유를 보여주는 좋은 예입니다. __Matt

언급URL : https://stackoverflow.com/questions/63748036/vuex-store-accessing-state-with-this