title: Async method not waiting for a function - VUE
body: <p>i'm having this error and haven't got to resolve it though have researched a lot in MDN and here. As title saysinto VUE i'm trying to use async and await but js is not waiting the 'await' function to end. Here it is:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> methods: {
      async search (terms, done) {
        console.log('1.')
        this.filter = this.$refs.chipsInput.input
        await this.loadtags()
        console.log('3.')
        done(this.tagsList)
      },
      loadtags () {
        this.$axios
          .get('/api/tags/?id__icontains=&amp;id=&amp;name__icontains=' + this.filter + '&amp;name=&amp;ordering=name&amp;page_size=20')
          .then(response =&gt; {
            console.log('2.', response.data.results)
            let temp = response.data.results
            this.tagsList = temp.map(obj =&gt; {
              return {
                name: obj.name,
                label: obj.name,
                value: obj.name,
                idField: obj.id
              }
            })
          })
      },</code></pre>
  </div>
  </div>
  
   I am not able to post pictures yet, but add a link where you can look the console log where js prints the '3.' (which is placed after the await call) before '2.':
  Image:
  <a href="https://i.stack.imgur.com/QrhPu.png" rel="noreferrer">console</a></p>
  
  <p>¿What am i doing wrong? already tried modifying the await like this:
  let foo = await this.loadtags() and including a 'return 0' at the end of loadtags function but didn't work for me. Probably is a dumb thing, excuse me for that.</p>