title: Loading component after fetch in vuejs
body: <p>I'm trying to consume an API using axios.</p>
  
  <p>This is my code untill now</p>
  
  <pre><code>&lt;select&gt;
      &lt;option v-for="value in values"&gt; value.name &lt;/option&gt;
  &lt;/select&gt;
  
     // js
     data(){
          values: [],
     },
     created() {
          this.getData();
     },
  
     methods: {
         getData: () =&gt; {
            axios.get('url')
            .then(res =&gt; {
                this.value = res.data.dados;
                console.log(res.data.dados);
            })
            .catch(error =&gt; {
                 console.log(error);
            });
     }
  }
  </code></pre>
  
  <p>The promise's console.log is working normally, but the options with data isn't rendered.
  It's probably because my select component is being rendered before the 'getData()'. How can I fix it?</p>