# Привязка к объекту

Также каждый из переключателей может быть привязан к сложному объекту. В этом случае используется атрибут v-bind:value. Результатом выбора соответственно также будет сложный объект:

```markup
<div id="app">
    <input type="radio" v-bind:value="{name:'Tom', age:22}" v-model="user">
    <label>Tom</label>
    <br>
    <input type="radio" v-bind:value="{name:'Bob', age:25}" v-model="user">
    <label>Bob</label>
    <br>
    <input type="radio" v-bind:value="{name:'Sam', age:28}" v-model="user">
    <label>Sam</label>
    <br>
    <span>Выбрано: {{user.name}} - {{user.age}}</span>
</div>
<script src="https://unpkg.com/vue"></script>
<script>
    var app = new Vue({
        el: '#app',
        data: {
            user:{}
        }
    });
</script>
```

<div align="left"><img src="https://955258160-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuIgnBBZPLjlzke50z9%2F-Lxu3YLax3fmCaK3z-B2%2F-LxwETZ4QAi3lNpfL05N%2Fimage.png?alt=media&#x26;token=c5aebf54-2767-4167-935b-e3544aa2064b" alt=""></div>
