Nuxt + Vuex: getter看不到状态变量

Nuxt是一个基于Vue.js的服务端渲染框架，它可以帮助我们快速构建具有良好性能和SEO优化的应用程序。Vuex是Vue.js的官方状态管理库，用于管理应用程序的状态。

在Nuxt中使用Vuex时，有时候可能会遇到getter无法看到状态变量的情况。这通常是因为在组件中使用getter时，需要注意以下几点：

1. 确保在组件中正确引入Vuex模块：在组件中使用getter之前，需要先在组件中引入Vuex模块。可以通过import { mapGetters } from 'vuex'来引入，并在computed属性中使用...mapGetters(['getterName'])来映射getter。
2. 确保在Vuex模块中定义了相应的getter：在Vuex模块中，需要确保已经定义了相应的getter。可以通过getters属性来定义getter，例如：

// 在Vuex模块中定义getter
const getters = {
  getterName: state => {
    return state.variableName;
  }
};

1. 确保在组件中正确访问getter：在组件中使用getter时，需要确保使用正确的语法来访问。例如，如果getter名称为getterName，可以通过this.getterName来访问。

如果以上步骤都正确无误，但仍然无法看到状态变量，可能是因为状态变量没有正确地被设置或更新。在Vuex中，状态变量应该通过mutations来进行设置和更新，而不是直接修改。确保在mutations中正确地设置和更新状态变量。

关于Nuxt和Vuex的更多信息，你可以参考腾讯云的相关产品和文档：

• Nuxt.js
• Vuex