source

모듈 저장소가 상태로 재설정됨

gigabyte 2022. 9. 1. 23:21
반응형

모듈 저장소가 상태로 재설정됨

상태를 모듈화했을 때 VueX 스토어에서 리셋이 어떻게 작동하는지 알아보려고 합니다.VueX 구조는 다음과 같습니다.

└── store
    ├── index.js              
    └── module-cart
         ├── index.js         
         ├── actions.js       
         ├── mutations.js
         ├── state.js         
         ├── getters.js        

따라서 현재 모듈의 상태를 원래 상태로 리셋합니다.

나는 다음 돌연변이를 만들었다.module-cart/mutations.js파일:

import initialState from './state.js';
export default {
  resetState(state) {
    Object.assign(state, initialState);
}
}

그래서 이 모듈의 state.js 파일에서 initialState로 state를 Import하여 컴포넌트에서 initial로 되돌리려고 합니다.

문제는 초기 설정으로 되돌리는 것이 아니라 돌연변이가 발생해도 상태는 변하지 않는다는 것입니다.

여기 제 것이 있습니다.module-cart/state.js파일:

export default function () {
  return {
    fileName: "",
    sheetName: "",
  }
}

그리고.module-cart/index.js:

import state from './state'
import getters from './getters'
import mutations from './mutations'
import actions from './actions'


export default {
    namespaced: true,
    state,
    actions,
    mutations,
    getters
}

뭔가 놓친 것 같은데 뭐가 뭔지 모르겠어요.이 모듈의 이런 종류의 VueX 구조에서 초기 상태와 작동 상태를 설정하려면 어떻게 해야 합니까?

다음에서 함수를 내보내는 것 같습니다.module-cart/state.js. 기본 개체를 가져오려면 호출해야 합니다.

import initialState from './state.js';
export default {
  resetState(state) {
    Object.assign(state, initialState());
 }
}

내가 전화하는 것을 봐라.initialState.

언급URL : https://stackoverflow.com/questions/61404999/module-store-resetting-to-state

반응형