【Vuex】 같은 mutations가 다수 반복되는 에러가 발생하고 있으면 확인하는 것이 좋은 것

소개



요 전날이 기사를 썼습니다.
【Vuex】 mapState, mapGetters, mapMutations, mapActions의 최소 사용법 요약 - Qiita

위와 관련하여 기사를 쓰려고 생각한 계기가 된 오류에 대해서도 기록으로 남겨두려고 생각합니다.

다음과 같이 동일한 mutations가 반복되면 괴상해보십시오



환경


OS: macOS Catalina 10.15.1
Vue: 2.6.10
vuex: 3.1.2

오류 원인


computed 속성에 ...mapMutations를 쓰고 있습니다.
methods 속성에 쓰는 것이 정확합니다.

안 좋은 예



Anything.vue
//...
    computed: {
      ...mapMutations([
        'anyMutation',
      ]),
    },
    methods: {
      anyMethod() {
        this.anyMutation()
      }
    }
//..

좋은 예



Anything.vue
//..
    methods: {
      ...mapMutations([
        'anyMutation',
      ]),
      anyMethod() {
        this.anyMutation()
      }
    }
//..

이제 무사히 로드됩니다.

결론



끝까지 읽어 주셔서 감사합니다

누군가의 도움이 되길 바랍니다

좋은 웹페이지 즐겨찾기