Как вызвать функцию в компоненте после того как свойство в vuex store изменится?

Question

[Fierfoxik]

У меня есть хранилище данных в vuex и два компонента.
Первый компонент это range slider, в котором я меняю значения слайдера и сразу же отправляю их в store.
Второй это компонент в котором мне нужно вызвать мою функцию при изменении store.

my store

state: {
    value: 0,
      rgbColors: {
        red: 0
      }
  },

Как я понимаю, мне нужно использовать store.subscribe.watch.rgbColors.red или store.watch.rgbColors.red, ведь так?

И если это так, то как это использовать и вызвать функцию при изменении значения?

Answer 1

[Владислав Нагорный]

Через watch

Можно запихнуть getters в computed

И получится

const app = new Vue({
    store,
    el: '#app',
    data() {
        return {}
    },
    computed: {
        rgbColors() {
            return this.$store.getters.rgbColors
        }
    },
    watch: {
        rgbColors(newValue, oldValue) {

        }
    }
});

И еще вот ссылка

Comments

[Fierfoxik]

Watch находится в компоненте и computed так же?
Или имеется в виду что мы отслеживаем геттер через ватч?

[Владислав Нагорный]

Fierfoxik, Поправил пример кода

[Алексей Ярков]

А геттер зачем? И стэйт шикарно вотчится.