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

Question

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

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

有人知道怎么做吗？

最好的，克里斯蒂安

Answer 1

因此，不幸的是，当前的Vue DevTools只能解决您的一个问题: Vuex突变。在Vuex选项卡中，可以应用RegEx过滤掉不必要的事件。这样，即使你的应用程序产生了很多事件，你也可以过滤掉噪音，防止你的Vue DevTools崩溃。

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

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

我已经找到了解决这一问题的Vue DevTools回购的PR，因此希望它能够在某些版本中登陆，如果他们认为它是一个值得增加的部分：https://github.com/vuejs/vue-devtools/pull/838

祝好运!

埃里克