title: initiate data with async data in vue nuxt
body: <p>I have a vue-nuxt component and want to initially set the data-(property) of my component with the data which I loaded by an asyncData API call.</p>
  
  <pre><code>data () {
    return {
      selected_company: this.contracts.company1.id *--&gt; this gives me an undefined value*
    }
  },
  async asyncData({ app }) {
    const contracts = await app.$axios.$get("/companies/contracts")
  return {contracts}
  </code></pre>
  
  <p>In my template I am able to access the data with the following code (therefore the data is successfully loaded):</p>
  
  <pre><code>{{this.contracts.company1}}
  </code></pre>
  
  <p>Since I have multiple entries in "contracts" I want to display them (e.g. in a dropdown) and capture the selected company with v-model. For some reasons I need to set an initial value for my "selected_company"-attribute.
  This is a simplified example (my data structure is more complex and consists for example of nested elements).</p>
  
  <p>How can I set an initial value for the data-properties e.g "selected_company" based on the result of a asyncData-call?
  Do I miss something important or is there no easy-way for that?</p>
  
  <p>Any help is highly appreciated! thank you in advance</p>