Как вызвать геттер VueJS из консоли браузера?

Question

У меня есть компонент VueJS, который я хочу отладить. Мне нужно проверить поведение геттера в браузере. Можно ли вызвать его вручную из консоли браузера?

Изменить : эта ссылка содержит некоторую информацию о том, как инициировать изменение состояния вручную: https://forum.vuejs.org/t/forcing-a-refresh-to-a-getter/32922

Особенно:

обновление мутации для коллекции состояний, например:

state.items = {}

в мутациях:

state.items[item.key] = item // does not trip off detection

вместо этого используйте это

Vue.set(state.items, item.key, item) // this does trip detection.

Answer 1

Есть несколько способов сделать это:

• Используйте vue -devtools . Вы можете увидеть хранилище Vuex в Vuex tab, чтобы вы могли выполнить некоторую отладку визуально.

• Или сделайте Vue доступным глобально window.App = new Vue(....)). Вы сможете получить экземпляр Vue как window.App

• Или, как было предложено в комментариях, вы можете запустить console.log(this.$state.getters) где-нибудь в приложении, а затем в в консоли щелкните этот вывод правой кнопкой мыши и выберите «Сохранить как глобальную переменную», что сделает его доступным как temp1. Затем вы можете получить к нему доступ как temp1.someGetterName