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

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

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

Кто-нибудь знает, как это можно сделать?

Лучший, христианин


vue.js vuex vue-devtools
person Gambo    schedule 26.05.2018    source источник
comment
Для справки: github.com/vuejs/vue-devtools/issues/649. github.com/vuejs/vue-devtools/issues/546   -  person tony19    schedule 26.05.2018

Ответы (1)


arrow_upward
2
arrow_downward

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

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

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

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

Удачи!

Эрик

person grales    schedule 05.12.2018
comment
Обновление: мой PR был объединен с разработчиком и скоро должен появиться на Vue Devtools! - person grales; 28.01.2019