구성 요소에서 Vuex Store의 변환자에 액세스하면 알 수 없는 변환 유형 오류가 발생함

구성 요소에서 Vuex Store의 변환자에 액세스하면 알 수 없는 변환 유형 오류가 발생함

나는 있습니다number내 Vuex 상태에서.사용할 수 있습니다.number계산된 속성을 통해 내 Vue 구성 요소에서 성공적으로.그 Vue 구성 요소에서, 저는 Vuex 스토어에서 돌연변이를 활성화하는 방법을 가지고 있습니다.그런 다음 이 돌연변이는 다음 값을 변경합니다.number난수로

하지만 Vuex 스토어에서 뮤테이터를 활성화하는 데 문제가 있습니다.변환기를 활성화하려고 하면 다음 오류가 표시됩니다.

[vuex] unknown mutation type: changeNumber

changeNumber변경되는 Vuex 저장소의 변환기입니다.number난수로

다음은 제 코드입니다.로 직접 매장에 접속할 수 있습니다.this.$store.state.numberVue 구성 요소에서, 그러나 돌연변이를 활성화할 수 없는 것 같습니다.changeNumber와 함께this.$store.commit('changeNumber')구문을 두 번 확인하고 여러 튜토리얼을 읽었는데 모두가this.$store.commit('mutation')성공적으로

var store = new Vuex.Store({
    state: {
    number: -1
  },
  getters: {
    getNumber: function(state) {
      return state.number;
    }
  },
  mutators: {
    changeNumber: function(state) {
        state.number = Math.floor(Math.random() * 10);
    }
  }
});

var vm = new Vue({
    el: '#app',
  store: store,
  computed: {
    number: function() {
        return this.$store.getters.getNumber;
    }
  },
  methods: {
    generate: function() {
        this.$store.commit('changeNumber');
    }
  }
});

내 HTML은 다음과 같습니다.

<div v-cloak id="app">
  <button v-on:click="generate">Generate</button>
  <h3>{{ number }}</h3>
</div>

이 코드는 필요한 경우 여기에서 JSFidle로 볼 수 있습니다.어떤 도움이라도 주시면 감사하겠습니다.

그럴 것 같네요.mutations,것은 아니다.mutators

var store = new Vuex.Store({
  state: {
    number: -1
  },
  getters: {
    getNumber: function(state) {
      return state.number;
    }
  },
  mutations: {
    changeNumber: function(state) {
        state.number = Math.floor(Math.random() * 10);
    }
  }
});

언급URL : https://stackoverflow.com/questions/51691107/accessing-mutators-in-vuex-store-from-component-yields-unknown-mutation-type-err