title: "TypeError: Cannot read property 'get' of undefined", Axios, Vue.JS
body: <p>I am getting this strange error from Vue when trying to access get request from api using axios,
  I am getting &quot;TypeError: Cannot read property 'get' of undefined&quot;</p>
  <p><a href="https://i.stack.imgur.com/eRfSM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eRfSM.png" alt="enter image description here" /></a></p>
  <pre><code> &lt;template&gt;
      &lt;div class=&quot;home&quot;&gt;
          &lt;h1&gt;{{ msg }}&lt;/h1&gt;
          &lt;p&gt;Welcome to your new single-page application, built with &lt;a href=&quot;https://vuejs.org&quot; target=&quot;_blank&quot;&gt;Vue.js&lt;/a&gt;.&lt;/p&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      var Vue = require('vue');
  
     // import axios from &quot;axios&quot;;
  
      window.axios=require('axios');
      export default {
          name: 'Home',
          props: {
              msg: String
          },
          component: {
          },   
          mounted: function () {
              alert('Hi ');
              this.axios.get('https://api.github.com/users')
                  .then(value =&gt; {
                      alert(value);
                           
                  });
          }
  
      };
  &lt;/script&gt;
  
  &lt;!-- Add &quot;scoped&quot; attribute to limit CSS to this component only --&gt;
  &lt;style scoped&gt;
  &lt;/style&gt;
  
  
   
  </code></pre>