vuex,devtools部分数据看不到，但是在store里debugger能看到，为什么呢？

Question

store.js

actions: {
    // 这里用异步更新了state的数据
    async init ({ state }, { data }) {
        state.xxx = await fun (data)
        debugger
        // 这里 debugger 能看到 state.xxx 确实有数据
        // 但是 devtools 看不到 state.xxx 的数据,显示 empty
        // (F5 断点走完也显示empty， 但是调用 store.getters.xxx 也能看到数据)
    }
    
}

调用

store.dispatch('init', { data })

请问这是为什么呢？什么原因会出现这种情况呢？

Answer 1

更改 Vuex 的 store 中的状态的唯一方法是提交 mutation
Action 提交的是 mutation，而不是直接变更状态