vuex - "vue js dev tools"测试版如何记录突变和 Action ？

Question

我正在研究 vue3 并使用 Vuex 管理状态，但我无法在 vuejs devtools beta 版本中加载突变和操作。也没有录音功能。 Image of my vuejs Devtools

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 Devtools 窗口