반응형
모듈 저장소가 상태로 재설정됨
상태를 모듈화했을 때 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
반응형
'source' 카테고리의 다른 글
javascript에서 . (dot)를 숫자와 연결하는 방법 (0) | 2022.09.01 |
---|---|
Vue 구성 요소를 테스트할 때 측면 플러그인을 시뮬레이션하는 방법 (0) | 2022.09.01 |
CC, gcc, g++의 차이? (0) | 2022.09.01 |
axios를 사용하여 vuex의 API에서 데이터를 얻는 방법은 무엇입니까? (0) | 2022.09.01 |
Vuex에서 vue 인스턴스에 액세스하는 방법 (0) | 2022.09.01 |