Vuex-模块状态返回未定义

Question

对于state属性为什么会返回undefined，我有点困惑。我是vue.js的新手，确实需要了解它是如何工作的。

以下是我所做的

在todo模块的state.js文件中，我有

const state = () => {
return {
todos: [
{
id: 1,
title: 'Go outside'
},
{
id: 2,
title: 'Come back in'
}
]
}
}
export default {
state
}

我有一个索引文件，在那里我将所有内容连接在一起并导出

import state from './state'
import getters from './getters'
import actions from './actions'
import mutations from './mutations'
export default {
state,
getters,
actions,
mutations
}

在商店入口点我有

import Todos from './modules/todos'
export default 
modules: {
Todos
}
})

因此，问题是，操作运行良好，但由于状态属性未定义，状态正在影响其他类似getter和mutation的操作。

vue devtool在我的浏览器中停止工作，所以我尝试console.log(this.$store.state.todos)，但是的，它没有定义

Answer 1

您必须修改state.js文件。你应该像下面的一样导出

export default {
state: {
todos: [
{
id: 1,
title: 'Go outside'
},
{
id: 2,
title: 'Come back in'
}
]
}
}