IT이야기

Vuex: Vuex의 이상한 행동에 대한 이상한 질문.하나 이상의 돌연변이와 스토어 개체를 업데이트하거나 할당하는 커밋이 필요한 경우

cyworld 2022. 4. 24. 09:41
반응형

Vuex: Vuex의 이상한 행동에 대한 이상한 질문.하나 이상의 돌연변이와 스토어 개체를 업데이트하거나 할당하는 커밋이 필요한 경우

토큰을 내 것으로 설정하려고 한다.store.token돌연변이를 사용하지 않고서는 이것이 최선의 선택이 아니라는 것을 알지만, 나는 이와 같은 일을 하고 있다.

methods : {
        molestor(){
            const self = this;
            this.$store.state.token = "new token";
            this.$store.state.cleavage= "yes";
            this.$store.commit('settoken', "somethingrandom");
        },  
}

그리고 내 가게에서.js:

export const store = new Vuex.Store({
    state : {
        token : '',

    },
    mutations : {
        settoken(state,token){
            console.log(token);
        }
    }
});

지금은 잘 되고 있어...설치된다.하지만 내가 돌연변이를 제거할 때store.js아니면 내 죄를 없애거나molester()토큰에 값을 할당하지 않는다.왜 이런 일이 생기는 건가요?

저장 중인 상태의 값을 설정하려면 돌연변이/커밋을 통해 Vuex api와 상호 작용해야 한다.

돌연변이 없이 상태를 설정하려고 함으로써, 이는 Vuex의 설계에 반하는 것이다(관리 가능한 상점/주(州)를 가지고 있음).

일반적으로 돌연변이 없이 상태를 설정하려고 하면(행동 내에서 말함) 오류가 발생하지만, 나는 '$store.state'를 통해 상태를 얻음으로써 상태를 반환할 뿐(상태의 인스턴스를 반환하지 않음)이라고 믿는다.

이는 애플리케이션 상태 전반에 걸쳐 불변성을 유지하기 위해 수행됨

Vue dev 도구에 변화가 나타날 것으로 예상하는 경우, 돌연변이를 통해 또는 다른 돌연변이가 호출될 때까지 어떤 상태 변화도 볼 수 없다.

참조URL: https://stackoverflow.com/questions/54215928/vuex-weird-question-on-weird-behavior-of-vuex-i-need-at-least-one-mutation-and

반응형