title: VUE.JS Recieve a json file from url via axios in webpack-simple
body: <p>I am new to vue.js and I try to recieve the list from url.
  There are some problems here:<br>
   1. I can't define the axios in main.js so I can use it in index.html (this solution doesn't work for me <a href="https://stackoverflow.com/a/51374448/9582441">https://stackoverflow.com/a/51374448/9582441</a>)<br>
  2. When I use console.log(response), the response is empty, thus the request havn't been done</p>
  
  <p>I've installed axios and vue threw the vue-cli</p>
  
  <p>main.js</p>
  
  <pre><code>import Vue from 'vue'
  import App from './App.vue'
  import axios from 'axios'
  import VueAxios from 'vue-axios'
  
  Vue.use(VueAxios, axios);
  
  new Vue({
    el: '#app',
    render: h =&gt; h(App)
  })
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="app"&gt;{{ info }}&lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    name: "app",
    data() {
      return {
        info: null
      };
    },
    mounted() {
      Vue.axios
        .get("https://dog.ceo/api/breeds/list/all"
        )
        .then(response =&gt; (this.info = response));
      console.log(response);
    }
  };
  
  </code></pre>
  
  <p>So that I just want to recieve a list and connect the axios somehow</p>
  
  <h1>Soultion is to use</h1>
  
  <p><code>this.axios</code></p>