title: VueJS method not returning response from Axios
body: <p>Trying to figure this out for awhile now and I know it is something simple but can not seem to figure out the issue. My output is <code>{}</code> when I am trying to return a Axios response. When I do not return the entire <code>axios.post</code> my output is nothing. But when I <code>console.log</code> the data it shows up fine in the console. So I know I am getting the data correctly. Below is my test code. Not sure what I am doing wrong, if anyone has a idea it would be greatly appreciated.</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          {{ fetch_name('my_name') }}
      &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  import axios from 'axios'
  export default {
      data() {
          return {
          }
      },
      methods: {
          fetch_name(name) {
              return axios.post('example.com/api/names', {custom: 'SELECT name FROM `names` WHERE name = "'+name+'"'}).then(response =&gt; {
                  console.log(response.data[0].name)
                  return response.data[0].name
              })
          }
      }
  }
  &lt;/script&gt;
  </code></pre>