vuex - 如何在“vue js dev tools”测试版中记录突变和动作？

Question

我正在开发 vue3 并使用 Vuex 管理状态，但我无法在 vuejs devtools beta 版本中加载突变和操作。也没有录音功能。 我的 vuejs 开发工具的图像

Answer 1

更新

更新的 Vue DevTool chrome 扩展在几个小时前发布，支持跟踪突变/动作！！

---

看起来 Vue 3 的 Vue Devtool beta 还不支持记录动作/突变。

我发现最好的选择是使用createLogger()插件，然后它将所有操作和突变记录到控制台。

import { createStore, createLogger } from "vuex";
export default createStore({
    state: {},
    mutations: {},
    actions: {},
    modules: {},
    plugins: [createLogger()]
});

Chrome 开发工具窗口