IT이야기

Composition API를 사용하여 Vuex 지도 도움말에 액세스하는 방법

cyworld 2022. 5. 13. 23:54
반응형

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

반응형