title: VueJS router-link doesn't update component content
body: <blockquote>
    <p>Category component</p>
  </blockquote>
  
  <pre><code>&lt;ul v-else&gt;
    &lt;li
       v-for="cat in getCategories"&gt;
       &lt;router-link :to="{ name: 'ProductsCategory', params: {category_name: cat.name}}"&gt;{{ cat.name }}&lt;/router-link&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>This works fine and redirect fine to the correct link.</p>
  
  <blockquote>
    <p>Problem is</p>
  </blockquote>
  
  <p>When it redirect it doesn't call again the state while i am using <strong>vuex</strong>.</p>
  
  <blockquote>
    <p>Component script</p>
  </blockquote>
  
  <pre><code>    computed: {
        getLoading () {
          return this.$store.state.companyInfo.loading;
        },
        getCompanyBasicInfo () {
          return this.$store.state.companyInfo.companyBasicInfo;
        },
        getCategories () {
          return this.$store.state.categories.categoriesName;
        },
        getCategoriesLoading () {
          return this.$store.state.categories.loadingState;
        },
        getCataegoryProducts () {
          return this.$store.state.products.getCategoryProducts;
        },
      },
      created() {
        this.$store.dispatch('getCategories', this.$route.params);
        this.$store.dispatch('getCategoryProductsAction', this.$route.params);
        this.$store.dispatch('getCompanyBasicInfo', this.$route.params);
      }
  </code></pre>
  
  <p>It should call <code>getCategoryProductsAction</code> which call my API and filter due  to the <code>router-link</code> params.</p>