情況是這樣，我點擊注銷時commit了一個mutation，把state.breadCrumbList重置為空，但是發(fā)現(xiàn)getters里仍然有內容，如圖

導致的后果是，除非我人為刷新瀏覽器，不然直接再次登錄進去會發(fā)現(xiàn)一進頁面就能看到上次登錄通過mapGetters渲染出的內容，這是什么原因？

補充細節(jié)：
以下getter：

getters: {
    breadCrumbList: state => state.breadCrumbList
}

以下是組件里數(shù)據(jù)的映射：

<el-breadcrumb separator="/" class="pull-left m-x-l-4">
    <el-breadcrumb-item>首頁</el-breadcrumb-item>
    <el-breadcrumb-item
        v-for="item in breadCrumbList"
        :key="item">
        {{ item }}
    </el-breadcrumb-item>
</el-breadcrumb>
computed: {
    ...mapGetters([
        'breadCrumbList'
    ])
}

然后我點擊退出登錄的流程，頁面里點擊按鈕觸發(fā)action

logout ({commit}) {
    commit(types.LOGOUT)
}

然后：

[types.LOGOUT] (state) {
    resetState(state)
    window.localStorage.clear()
}

以下state：

const initState = {
    activeSubmenu: [],
    activeMenuIndex: '',
    showLastLogin: true
    // menuList: []
}
export default {
    state: {
        token: '',
        userId: '',
        breadCrumbList: [],
        ...initState,
        initState
    }
}

resetState方法是我用來初始化state的：

export function resetState (state) {
    if (state['initState']) {
        for (let key in state) {
            if (key !== 'initState') {
                delete state[key]
            }
        }
        state = Object.assign(state, state['initState'])
    } else {
        return false
    }
}