title: Vuex mutation subscription trigger multiple times
body: <p>I'm using vue CLI and I created multiple components</p>
  <p>app.vue</p>
  <pre><code>import home_tpl from './home.vue';
  
  new vue({
      el : '#app',
      components : { home_tpl },
      created(){
          this.$store.subscribe((mutation) =&gt; {
              switch(mutation.type){
                  case 'listing':
                      alert();
                  break;
          });
      }
  })
  </code></pre>
  <p>and then I have also a listener to home.vue</p>
  <p>home.vue</p>
  <pre><code>export default{
      created(){
          this.$store.subscribe((mutation) =&gt; {
              switch(mutation.type){
                  case 'listing':
                      alert();
                  break;
          });
      }
  }
  </code></pre>
  <p>The problem is when I do <code>this.$store.commit('listing',1);</code> this <code>this.$store.subscribe((mutation) =&gt; {</code> trigger twice which is the expected behavior since I listen to the event twice from different file, is there a way to make it trigger once only per component?</p>
  <p>The reason I call mutation listener to <code>home.vue</code> is that because there's an event that I want to run specifically to that component only.</p>