반응형
(VueJS) Vuex Getter는 다른 모듈 상태 변경을 기반으로 업데이트되어야 함
나는 두 개의 Vuex 스토어 모듈을 가지고 있다.ListItems
그리고ListSort
.ListItems
이 두 모듈의 상태에서 본질적으로 계산된 게터를 가지고 있다.아래 코드를 참조하십시오.
// Import the ListSort store module
import listSort from './list-sort';
// ListItems getters
const getters = {
companiesSorted: () => {
return _.orderBy(state.companies,
[listSort.state.sortAttribute],
[listSort.state.sortDirection]);
},
};
그러나, 국가가 있을 때ListSort
변경됨(즉,)sortAttribute
또는sortDirection
변경됨), 이로 인해 ListItems getter가 다시 계산되는 것은 아니다.컴퓨팅에 의존하는 Vuex에게 이 사실을 어떻게 알 수 있는가?companiesStored
Vuex는 그 getter를 재평가해야 하는가?
고마워!
Vuex에게 어떻게 하면 Stored 컴퓨팅 회사에 대한 종속성이 변경되었으므로 Vuex가 Getter를 다시 계산해야 한다고 말할 수 있는가?
넌 몰라, 널 위해 자동으로 완성되는 거야!게으른 개발자들에게는 Vue가 멋지지 않니?
Vuex 모듈을 가져와야 하는 JS 모듈은 Vuex를 초기화하는 JS 모듈뿐입니다.new Vuex.Store
, Vuex 모듈을 함께 묶는다.
Vuex 모듈 게이터는 로컬에 액세스할 수 있음state
, 그리고rootState
. TherootState
다른 모듈의 데이터에 액세스할 수 있는 위치.
https://vuex.vuejs.org/en/modules.html#module-local-state
이렇게 보여야 한다.
companiesSorted: (state, getters, rootState) => {
return _.orderBy(state.companies,
[rootState.listSortModule.sortAttribute],
[rootState.listSortModule.sortDirection]);
},
어디에listSortModule
네가 모듈에 준 이름이야
반응형
'programing' 카테고리의 다른 글
사용자 정의 글꼴 및 XML 레이아웃(Android) (0) | 2022.05.21 |
---|---|
vuex 작업에서 api 호출을 조롱하는 행위 (0) | 2022.05.21 |
Vue.js 독립 실행형에서 핸즈통트 가능 (0) | 2022.05.21 |
"비교 방식은 일반 계약을 위반한다!" (0) | 2022.05.21 |
Nuxt / Vue - 돌연변이 처리기 외부에서 vuex 저장소 상태 변경 안 함 (0) | 2022.05.21 |