title: Vue.js - this.$http.get is not working
body: <p>I am developing project in laravel with Vue js.</p>
  
  <blockquote>
    <p>below is my code and when I use <strong>this.$http.get</strong> method of
    Vue-resource js I am not getting anything but if I use <strong>$.getJSON</strong>
    method I'm getting all the records from database</p>
  </blockquote>
  
  <p><strong>brand.blade.php</strong></p>
  
  <pre><code>@section('content')
  
  &lt;div class="container"&gt;
  
          &lt;brands&gt;&lt;/brands&gt;
  
      &lt;/div&gt;
  
      &lt;template id="brand-template"&gt;
  
          &lt;ul&gt;
  
              &lt;li v-for="brand in list.brand"&gt; @{{ brand }}  &lt;/li&gt;
  
          &lt;/ul&gt;
  
      &lt;/template&gt;
  
  @endsection
  
  @push('scripts')
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://unpkg.com/vue/dist/vue.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdn.jsdelivr.net/vue.resource/1.0.3/vue-resource.min.js"&gt;&lt;/script&gt;
  &lt;script src = "public/js/brand.js"&gt;&lt;/script&gt;
  @endpush
  </code></pre>
  
  <p><strong>brand.js</strong></p>
  
  <pre><code>Vue.component('brands',{
  
  template: '#brand-template',
  
  data: function(){
  
      return{
  
          list: []
      }
  
  },
  
  created: function(){
  
      this.$http.get('api/brands', function(brand){
      // if I use $.getJSON then it'e working perfect and I'm getting all the records
        this.list = brand;
  
      }.bind(this));
  
  }
  
  });
  
  new Vue({
  
  el: '.container'
  
  
  })
  </code></pre>
  
  <p>Can anyone tell me what's going on I can't figure out.</p>