Vuex Store中的NuxtJS值未定义

Question

我在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工具中(

现在，我正尝试使用类似这样的mapGetters方法访问我的一个组件中的属性name。

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

我的问题是找不到getter。

ERROR  [vuex] unknown getter: profile/name 

这种方法有什么问题？

Answer 1

是否需要使用mapGetters而不是mapState？

Answer 2

截至目前(nuxt v2.14.7(，语法为

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

那么在组件中，吸气剂可以用作

this.getName;