title: Vue.js bind v-model input with prop initial value
body: <p>I am trying to pass down a initial value to a select input bound by <code>v-model</code>. I cannot figure out why this doesn't work:</p>
  
  <pre><code>props: ['team'],
  data() {
      form: {
          data: {
              country: this.team.country
          }
      }
  }
  </code></pre>
  
  <p>The <code>form.data.country</code> is <code>undefined</code>. Although, the props data is actually passed down. I can access it with <em>Vue Devtools</em> like <code>$vm0.team.country</code> and I can print other data from the props. However, it is not registred in the <code>data()</code>. </p>
  
  <p>Also, when trying to debug using <code>mounted()</code>, the property, <code>team</code>, is not defined. </p>
  
  <pre><code>mounted() {
      console.log(this.team); 
  }
  </code></pre>
  
  <p>But, as I stated earlier, it is defined when the template is rendered, and can be used like this.</p>
  
  <pre><code>&lt;input class="input" type="text" name="name" :value="team.name" disabled&gt;
  </code></pre>
  
  <p>Why is the properties I am passing not beinged recognized in <code>data()</code>?</p>