javascript - VueJS/nuxt 'state'应该是在store/store.js中返回对象的方法

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



因此，我的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: () => ({
    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中的文档。

关于javascript - VueJS/nuxt 'state'应该是在store/store.js中返回对象的方法，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58093806/