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

Question

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

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

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

最好的，克里斯蒂安

Answer 1

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

我想你会有一个 RegEx 过滤掉你提到的大量事件。例如，如果我想过滤掉一个叫做 的突变NOISY_MUTATION，你可以把这个 RegEx 放到 Vuex 过滤器中：/^((?!NOISY_MUTATION).)*$/

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

我有一个解决这个问题的 Vue DevTools repo 的 PR，所以如果他们认为它是一个有价值的补充，希望它可以登陆某个版本：https ://github.com/vuejs/vue-devtools/pull/ 838

祝你好运！

埃里克