title: How can I watch synchronously a state change in vuex?
body: <p>I am using an opensource vuejs + vuex project and this is the source <a href="https://github.com/misterGF/CoPilot/tree/master/src/components" rel="noreferrer">https://github.com/misterGF/CoPilot/tree/master/src/components</a> </p>
  
  <p>I am currently having problems knowing how to trigger an event from one components to another. </p>
  
  <p>I can use <code>this.$state.store.commit("foo", "bar")</code> to store information in vuex, but when two seperate have two difference <code>export default {}</code> I don't know how I can make the app aware whenever "foo" is for exampled changed to "baz" ... unless I refresh/reload the app, there is no way for me to know the changes</p>