VueJS命名空间的Vuex模块getter在页面加载时返回不正确的值

Question

在完全相同的情况下，我得到的是同一个吸气剂的不同输出。

console.log(store.getters);

控制台中的输出：{}: auth/loggedIn: true，这是我想要获得的正确值，但请注意以下内容：

console.log(store.getters['auth/loggedIn']);

控制台中的输出：false

那是为什么？

我的auth.js模块：

auth = {
    namespaced: true,
    state: {
        token: null
    },
    getters: {
        loggedIn(state) {
            return state.token !== null
        }, ...

我的app.js ：

window.Vue = require('vue');
import Vue from 'vue'
...
import routes from './routes'
import {store} from './store/store'
 ...
console.log(store.getters['auth/loggedIn']);

Answer 1

正如@thanksd指出的那样，在控制台中记录对象会在查看时显示这些值。该属性的实际值实际上是错误的。更改应用程序的生命周期可以解决该问题。