是否可以从 vue-devtools 中排除 vue 事件和 vuex 突变?

Is it possible to exclude vue events and vuex mutations from vue-devtools?

我正在开发一个 vue 应用程序,它有一个商店模块,在某些情况下每秒发出 50 个事件。这些事件导致每次都提交 vuex 突变。 这使得很难在其他地方使用 vue-devtools,因为我看不到任何其他事件或突变,并且在半分钟内 vue-devtools 变得没有响应并崩溃。

我想知道是否有办法排除某些 vue 事件和 vuex 突变在 vue-devtools 中呈现。

有谁知道如何做到这一点?

最好, 克里斯蒂安

因此,不幸的是,当前的 Vue DevTools 只能解决您的一个问题:Vuex Mutations。在 Vuex 选项卡中,您可以应用 RegEx 来过滤掉不需要的事件。这样,即使您的应用程序生成大量事件,您也可以过滤掉噪音并防止 Vue DevTools 崩溃。

我想象的是您有一个 RegEx 可以过滤掉您提到的大量事件。例如,如果我想过滤掉一个名为 NOISY_MUTATION 的突变,您可以将此 RegEx 放入 Vuex 过滤器中:/^((?!NOISY_MUTATION).)*$/

现在,坏消息来了。不幸的是,Events 似乎没有 RegEx 过滤器,而只是执行简单的 toLowerCase 匹配。

我已经向 Vue DevTools 存储库提交了一个 PR 来解决这个问题,所以如果他们认为它是一个值得添加的内容,希望它可以在某个版本中登陆:https://github.com/vuejs/vue-devtools/pull/838

祝你好运!

埃里克