是否有可能从vue-devtools中排除vue事件和vuex变异？

Question

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

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

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

最好的,基督徒

Answer 1

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

我想象的是你会有一个正则表达式来过滤掉你提到的大量事件。例如，如果我想过滤掉名为 的突变NOISY_MUTATION，您可以将此 RegEx 放入 Vuex 过滤器中：/^((?!NOISY_MUTATION).)*$/

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

我已经在 Vue DevTools 存储库中发布了一个 PR 来解决这个问题，所以希望它可以在某个版本中落地，如果他们认为这是一个有价值的补充的话：https ://github.com/vuejs/vue-devtools/pull/第838章

祝你好运！

埃里克