VueJS/nuxt 'state' 应该是一个返回 store/store.js 中对象的方法

我是 VueJS 新手，对 nuxt 的警告感到困惑：

'state' 应该是一个返回 store/store.js 中对象的方法

因此，我的 store.js 包含以下内容（是的，我正在尝试文档中的教程）：

import Vue from 'vue';
import Vuex from 'vuex';


Vue.use(Vuex);
export const store = new Vuex.Store({
  state() {
    return {
      todos: [
        { id: 1, text: '...', done: true },
        { id: 2, text: '...', done: false }
      ]
    };
  }
});

export default store;

state 不是一个返回对象的方法吗？或者我误解了这条消息？

update:

我还尝试了以下方法：

state: () => ({
    todos: [
      { id: 1, text: '...', done: true },
      { id: 2, text: '...', done: false }
    ]
}),

但这会给我同样的警告。

如果您使用 Nuxt，他们期望store/index.js创建一个商店，格式应该是这样的：

export const state = () => ({
  counter: 0
})

export const mutations = {
  increment (state) {
    state.counter++
  }
}

当您创建一个store/store.js文件，该文件将被视为模块，并且可能无法按您的预期工作。我强烈建议创建一个store/index.js并按照以下文档进行操作Nuxt https://nuxtjs.org/guide/vuex-store#activate-the-store.