我是Vue和Nuxt的新手，我正在用这些框架以通用模式构建我的第一个网站.
我对nuxtstore 的运作方式有点困惑，因为按照官方文件我无法实现我的 idea .
在我的store 文件夹中，我现在只放了一个名为"products.js"的文件，在那里我导出如下状态:
export const state = () => ({
mistica: {
id: 1,
name: 'mistica'
}
})
(为了提供更清晰的解释，对对象进行了简化)
在同一个文件中，我设置了一个简单的getter，例如:
export const getters = () => ({
getName: (state) => {
return state.mistica.name
}
})
现在，根据文档，在我设置的组件中:
computed: {
getName () {
return this.$store.getters['products/getName']
}
}
或者(不知道该用什么):
computed: {
getName () {
return this.$store.getters.products.getName
}
}
但当在模板中使用"getName"时是"undefined"，在后一种情况下，应用程序被 destruct ，并显示"无法读取undefined的'getName'属性"
注意，在模板中，我可以通过"$store.state.products.mistica.name"直接访问状态值，没有问题，为什么？
我做错了什么，或者更好，我不明白什么？