title: How to handle objects in vue.js
body: <p>I have a vue component where I am populating an array by pushing a json object. The problem is that vue adds observer to the array which makes it impossible to iterate over. May be there is a better way to work with arrays in vuejs. I know that the observer is added to make objects reactive but in this case I do not know how to reach my data</p>
  
  <p>My code:</p>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>require('./bootstrap');
  
  window.Vue = require('vue');
  import vueResource from 'vue-resource';
  Vue.use(vueResource);
  
      Vue.component('search', require('./components/Searchnames.vue'));
  
      const a = new Vue({
        el: '#app',
      });
  </code></pre>
  
  <p><strong>Search.vue</strong></p>
  
  <pre><code>&lt;template&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-md-5"&gt;
                  &lt;a href='#' class='pointer_panel panel-link'&gt;
                  &lt;div class="panel panel-default panel-heading glow-border names"&gt;
                  {{names}}
                      &lt;/div&gt;
                  &lt;/a&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
      &lt;/template&gt;
  
  
      &lt;script&gt;
          export default {
              data: function(){
                  return {
                    names: []
                  };
  
              },
              methods:  {
               getData: function(){
                   let self = this;
                   this.$http.jsonp(url, {jsonpCallback: "JSON_CALLBACK"})
                    .then(response=&gt;{
                        console.log(response)
                     response.body.forEach(a =&gt; this.names.push(a))          
                 })
              }
            },
             mounted: function() {    
                  this.getData()
                  console.log(this.names)
                  console.log(this.names.length)        
                  console.log('Component mounted.')
  
               }
          }
      &lt;/script&gt;
  </code></pre>