반응형
Composition API를 사용하여 Vuex 지도 도움말에 액세스하는 방법
나는 Vue2에서 컴포지션 API를 사용하고 있다.접근 방법을 알려주시겠습니까?mapState
컴포지션 API로?국가 변화도 지켜보고 싶다.따라서 나는 설정 기능 내에서 그것을 사용해야 할 것이다.고마워요.
Vue 2 또는 Vue 3 구성 API에서는 Vuex 지도 도우미가 지원되지 않으며(Yet?) 그들을 위한 이 제안은 한동안 보류되었다.
문서와 같은 계산을 수동으로 생성해야 할 경우:
const item = computed(() => store.state.item);
보다 완벽한 예:
import { computed } from 'vue';
import { useStore } from 'vuex';
export default {
setup() {
const store = useStore();
const item = computed(() => store.state.item);
return {
item
};
}
}
나에게 있어 요령은 vuex-composition-helper npm 패키지를 사용하는 것이었다.
https://www.npmjs.com/package/vuex-composition-helpers
import { useState, useActions } from 'vuex-composition-helpers';
export default {
props: {
articleId: String
},
setup(props) {
const { fetch } = useActions(['fetch']);
const { article, comments } = useState(['article', 'comments']);
fetch(props.articleId); // dispatch the "fetch" action
return {
// both are computed compositions for to the store
article,
comments
}
}
}
참조URL: https://stackoverflow.com/questions/66396751/how-to-access-vuex-map-helpers-with-composition-api
반응형
'IT이야기' 카테고리의 다른 글
변수에 저장된 지정된 파일 설명자가 여전히 유효한지 확인하는 방법 (0) | 2022.05.13 |
---|---|
C 함수 포인터 구문 (0) | 2022.05.13 |
C에서 이중 밑줄(__const)은 무엇을 의미하는가? (0) | 2022.05.13 |
'vuefire'에서 내보내기 'default'('VueFire'로 가져오기)를 찾을 수 없음 (0) | 2022.05.13 |
부울 값을 가장 쉽게 플립할 수 있는 방법? (0) | 2022.05.13 |