title: How can I run some computed in vue.js 2?
body: <p>My vue component (second component) like this :</p>
  
  <pre><code>&lt;template&gt;
      &lt;div class="row"&gt;
          &lt;div v-for="item in options"&gt;
              &lt;div class="panel panel-default panel-product"&gt;
                  ....
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
              &lt;a href="#" class="panel-more"&gt;
                  &lt;span&gt;{{priceMin}} test {{priceMax}}&lt;/span&gt;
              &lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      ...
      export default {
          ...
          computed: {
              ...mapGetters([
                  'getListByPrice', 'getPriceMin', 'getPriceMax'
              ]),
              options() {
                  return this['getListByPrice']
              },
              priceMin() {
                  return this['getPriceMin']
              },
              priceMax() {
                  return this['getPriceMax']
              },
          },
          ...
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>If the code executed, the data shown does not match</p>
  
  <p>If I console.log(this['getListByPrice']), there are 5 data. But shown in loops of more than 5 data</p>
  
  <p>If I remove the code : </p>
  
  <pre><code>&lt;span&gt;{{priceMin}} test {{priceMax}}&lt;/span&gt;
  </code></pre>
  
  <p>The result is correct</p>
  
  <p>Why if I call priceMin and priceMax by computed, the result shown does not match? </p>