title: Uncaught TypeError: Cannot read property 'get' of undefined in VueJs
body: <p>I have following code </p>
  
  <pre><code>&lt;div id="vue-instance"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>var vm = new Vue({
    el: '#vue-instance',
    data: {
    },
    ready:function(){
      this.loadCountries();
    },
    methods:{
          loadCountries(){
              this.$http.get('https://restcountries.eu/rest/v1/all',function(data){
                  console.log(data);
            })
        }
    }
  });
  </code></pre>
  
  <p>When I run the above code it gives me following error</p>
  
  <blockquote>
    <p>Uncaught TypeError: Cannot read property 'get' of undefined</p>
  </blockquote>
  
  <p>I have a fiddle </p>
  
  <p><a href="https://jsfiddle.net/49gptnad/183/" rel="nofollow noreferrer"><strong>JsFiddle</strong></a></p>
  
  <p>Help would be much appreciated </p>