Vuex

Question

对于状态属性为什么会 return undefined 有点困惑。我是 vue.js 的新手，真的需要了解它是如何工作的。

这是我所做的

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

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 和突变。

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'
            }
        ]
    }
}

Vuex - 模块状态 returns 未定义

Vuex - Module state returns undefined

vue.js

vuex-modules