How to watch for state change in Vuex properly?

Question

I'm using below code to watch for the change in Vuex state. The store file lies in the same directory. However, it doesn't seem to work. How do I watch for state change in vuex properly?

import store from './index'
store.watch(
  (store) => store.state.base_url,
  () => {
    console.log('Watcher works')
  }
)

is this what your trying to do? https://stackoverflow.com/questions/43270159/vuejs-2-how-to-watch-store-values-from-vuex — Chris Li, Sep 10 '18 at 04:33

score 3 · Accepted Answer · answered Sep 10 '18 at 05:35

3

Are you sure you're just not using watch correctly? According to the docs, the watch function receives the store's state as the first argument, so it should be:

store.watch(
  state => state.base_url,
  () => console.log('Watcher works')
)

answered Sep 10 '18 at 05:35

Decade Moon

32,968
8
81
101

Thanks for replying, but the problem seems to be somewhere else, that didn't solve it. – Shubham Chaudhary Sep 10 '18 at 06:54
Unfortunately without any additional information we won't be able to help you much further. – Decade Moon Sep 10 '18 at 09:36
1

@ShubhamChaudhary Don't know if it could be this, but try using named import instead of default import. `import {store} from './index'`. Otherwise provide more information on your store. – Jeremy Walters Sep 10 '18 at 11:02

How to watch for state change in Vuex properly?

1 Answers1