title: access properties in v-repeat over array from objects in vue.js
body: <p>I have a json-result with 5 categories that I want to loop over with v-repeat. I use the push-method to pass the result to my vue-model.</p>
  
  <p>The setup is 5 different categories to which my records belong. Each category must be shown in a different tab (I removed the category-filter on my results cause is not related to the issue).</p>
  
  <p>The records are showing perfectly (v-repeat="results") and I also get 5 tabs but no values (text neither value).</p>
  
  <p>console.log(this.categories) gives me an array of 5 objects from which I don't succeed to show the properties...what am I doing wrong?</p>
  
  <p>I tried all kinds of things like $value, categorie:categories, ...</p>
  
  <p>JSON-result from my api-call over my categories:</p>
  
  <pre><code>{
      status: "success",
      data: {
          results: {
              general: "Algemeen",
              metadata: "Meta-data",
              facebook: "Facebook",
              twitter: "Twitter",
              googleplus: "Google+"
          }
      }
  }
  </code></pre>
  
  <p>The fetching in my Vue-file:</p>
  
  <pre><code>fetchCategories: function(){
      this.$http.get('/api/tokens/categories', function (response) {
  
          for(var prop in response.data.results) {
              this.categories.push({text: response.data.results[prop], value: prop});
          }
      });
  },
  </code></pre>
  
  <p>And my view:</p>
  
  <pre><code>&lt;tabs&gt;
      &lt;tab v-repeat="category in categories" header="@{{ category.text }}"&gt;
          &lt;div id="@{{ category.value }}"&gt;
              &lt;table id="@{{ category.value }}-token-list" class="data-list"&gt;
                  &lt;tr&gt;
                      &lt;th&gt;id&lt;/th&gt;
                      &lt;th&gt;categorie&lt;/th&gt;
                      &lt;th&gt;naam&lt;/th&gt;
                      &lt;th&gt;slug&lt;/th&gt;
                  &lt;/tr&gt;
                  &lt;tr v-repeat="results" v-class="odd: (index%2!=0)"&gt;
                      &lt;td&gt;@{{ id }}&lt;/td&gt;
                      &lt;td&gt;@{{ category }} &lt;/td&gt;
                      &lt;td&gt;@{{ name }} &lt;/td&gt;
                      &lt;td&gt;@{{ slug }}&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/div&gt;
      &lt;/tab&gt;
  &lt;/tabs&gt;
  </code></pre>
  
  <p>EDIT:</p>
  
  <p>I do get my value when I write this:</p>
  
  <pre><code>@{{ categories[0].text }} or @{{ categories[0].value}}
  </code></pre>
  
  <p>EDIT 2:</p>
  
  <p>it is a problem with the tab-functionality from VueStrap. When I use just a list with @{{ value }}</li> it all work just fine</p>