Можно ли исключить события vue и мутации vuex из vue-devtools?

Question

Я работаю над приложением vue, в котором есть модуль хранилища, который генерирует 50 событий в секунду в определенных сценариях.Эти события приводят к тому, что мутация vuex фиксируется каждый раз.Это затрудняет использование vue-devtools в других местах, поскольку я не вижу никаких других событий или мутаций, и через полминуты vue-devtools перестает отвечать на запросы и вылетает.

Мне интересно, есть ли способкак исключить некоторые события vue и мутации vuex из рендеринга в vue-devtools.

У кого-нибудь есть хорошая идея, как это можно сделать?

Best, Christian

Answer 1

Так что, к сожалению, текущий Vue DevTools может решить только одну из ваших проблем: мутации Vuex.На вкладке Vuex вы можете применить RegEx для фильтрации ненужных событий.Таким образом, даже если ваше приложение генерирует много событий, вы можете отфильтровать шум и предотвратить сбои вашего Vue DevTools.

Я бы подумал, что у вас есть RegEx, который отфильтровывает тот объем событий, который вы упомянули.Например, если я хочу отфильтровать мутацию с именем NOISY_MUTATION, вы можете поместить этот RegEx в фильтр Vuex: /^((?!NOISY_MUTATION).)*$/

Теперь плохие новости.К сожалению, у событий, похоже, нет фильтра RegEx, а вместо этого просто выполняется простое совпадение toLowerCase.

У меня есть пиар в репозитории Vue DevTools, который решает эту проблему, так что, надеюсь, он может появиться в какой-то версии, если они сочтут это достойным дополнением: https://github.com/vuejs/vue-devtools/pull/838

Хорошоудачи!

Эрик