I am trying to pass down a initial value to a select input bound by `v-model`. I cannot figure out why this doesn't work:

```
props: ['team'],
data() {
    form: {
        data: {
            country: this.team.country
        }
    }
}

```

The `form.data.country` is `undefined`. Although, the props data is actually passed down. I can access it with *Vue Devtools* like `$vm0.team.country` and I can print other data from the props. However, it is not registred in the `data()`. 

Also, when trying to debug using `mounted()`, the property, `team`, is not defined. 

```
mounted() {
    console.log(this.team); 
}

```

But, as I stated earlier, it is defined when the template is rendered, and can be used like this.

```
<input class="input" type="text" name="name" :value="team.name" disabled>

```

Why is the properties I am passing not beinged recognized in `data()`?