Вычисляемое свойство родительского компонента не реагирует на изменение состояния хранилища, вызванное дочерним компонентом

Question

Мой родительский компонент имеет вычисляемое свойство с именем showMainBanner, которое содержит состояние хранилища:

computed: {
  showMainBanner () {
    return this.$store.state.config.showMainBanner
  }
}

Мой дочерний компонент, по щелчку пользователя, изменяет состояние этого хранилища следующим образом:

this.$store.commit('config/SET_BANNER_STATUS', 'false')

... Что указывает на эту часть магазина:

export const state = () => ({
  showMainBanner: true,
})

export const mutations = {
  SET_BANNER_STATUS (state, config) {
    state.showMainBanner = config
  }
}

Изменение состояния хранилища прошло успешно, однако вычисленное свойство моего родительского компонента showMainBanner не реагирует на это изменение хранилища.

Почему бы и нет?

Answer 1

Просто измените:

this.$store.commit('config/SET_BANNER_STATUS', 'false')

Кому:

this.$store.commit('config/SET_BANNER_STATUS', false)