如何在“vue js dev tools”測試版中記錄突變和動作？

Question

我正在開發 vue3 並使用 Vuex 管理 state，但我無法在 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 開發工具 window

Answer 2

只需 go 到“時間軸”