title: Watching a vuex store
body: <p>I have the following store.</p>
  
  <p>MyStore.vue</p>
  
  <pre><code>export default {
    namespaced:true,
    state: {
      data: [],
    }
    // actions, mutations, etc
  }
  </code></pre>
  
  <p>I would like to know when new data arrives in the store.</p>
  
  <p>MyOtherVueFile.vue</p>
  
  <pre><code>export default {
    computed: {
      getFoo() {
        return this.$store.state.MyStore.data;
      },
    },
    watch: {
      getFoo(newValue, oldValue) {
        console.log(`New ${JSON.stringify(newValue)}`);
        console.log(`Old ${JSON.stringify(oldValue)}`);
      }
    },
  }
  </code></pre>
  
  <p>However the console always shows the new and old data to be the same object.  Is this the correct syntax for doing so?</p>
  
  <p>FYI - I need to capture when new items are added to the vuex store data, as I am adding them directly to an OpenLayers Map.</p>