Vuex 저장소의 NuxTJS 값이 정의되지 않았습니다.

Vuex 저장소의 NuxTJS 값이 정의되지 않았습니다.

저는 Nuxt에 이런 vuex 스토어를 만들었습니다.

export const state = () => ({
  id: "",
  type: null,
  name: null,
});

export const mutations = {
  setProfile(state, profile) {
    state.id = profile.idStr;
    state.type = profile.type;
    state.name = profile.name;
  }
};

export const getters = {
  name(state) {
    return state.name;
  }
};

데이터는 다음과 같이 저장됩니다.store.commit("profile/setProfile", profile.data);정상적으로 설정되어 있습니다.(값은 chrome dev-tools에 표시되어 있습니다)

이제 숙박업소에 접속하려고 합니다.name컴포넌트 중 하나에서mapGetters이런 방법을 사용해요.

import { mapGetters } from "vuex";

export default {
  computed: mapGetters({
    name: "profile/name"
  })
};

문제는 getter를 찾을 수 없다는 것입니다.

ERROR  [vuex] unknown getter: profile/name 

이 접근법의 문제점은 무엇입니까?

사용할 필요가 있습니까?mapGetters대신mapState?

현재 (nuxt v2.14.7) 구문은 다음과 같습니다.

    export default {
        computed: {
            ...mapGetters({getName: 'profile/name'}),
        }
    }

그러면 컴포넌트에서 getter를 사용할 수 있습니다.

    this.getName;

언급URL : https://stackoverflow.com/questions/60645577/nuxtjs-value-from-vuex-store-undefined