Как в Vue настроить слежение за переменной из Vuex.store?

Question

[Алексей]

Есть два компонента- A и B. Мне нужно, чтобы когда компонент А сделал изменение в store, компонент B об этом узнал и выполнил какую-нибудь функцию.
Пытался в B приладить для этого watch, но не сообразил, как это сделать. Можно конечно из B периодически опрашивать store. Может, есть другой, нативный способ?

Answer 1

[Антон Антон]

watch работает. например:

watch: {
  '$store.state.module.var': function () { /* ... */ }
}

Comments

[Алексей]

Спасибо! Я просто не понял из доки, что так можно сослаться на переменную - в кавычках!

Answer 2

[SteveenGer]

Если необходимо просто следить за изменением, то getters. В компонент В импортируем их import { mapGetters } from "vuex"

в computed используем

computed: {
...mapGetters('nameModule', ['nameGetter'])
}

и потом в методах пишете что хотите сделать, если изменяются данные.

Comments

[Алексей]

Спасибо за помощь!
Кстати, ответ Антон Антон - проще)

Answer 3

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

Пытался в B приладить для этого watch, но не сообразил, как это сделать

Как в документации написано - так и сделать. Вы бы хоть показали что у вас там не получается.