Вывод объекта Vue js?

Question

[chincharovpc]

Получил из API объект two_data

axios.get('/TableHome/connection/two', {params: {first_human: this.person1, second_human: this.person2}}).then(response => {
                this.two_data =response.data;
            });

Хочу вывести его элементы в template, без v-for="item in two_data"

<h6 class="card-subtitle mb-2 text-muted">{{two_data........}} года рождения</h6>

Если написать вот так

<h6 class="card-subtitle mb-2 text-muted">{{two_data['mother_data'][0]['data_birth']}} года рождения</h6>

то работает, но с ошибками

Error in render: "TypeError: _vm.two_data.father_data is undefined"

Объект выглядит вот так
Помогите с выводом элементов этого объекта в template

Answer 1

[chincharovpc]

Кому интересно...
Сделал с v-for
v-for="item in two_data['father_data']"
<h5 class="card-title">{{item['last_name']}}</h5>

Answer 2

[Ihor Bratukh]

Ошибка потому что father_data не объект а undefined. Данные асинхронные, по этому нельзя сразу к ним на прямую обращатся.
Сделайте v-if="two_data.father_data" и уже в этом условии выводите как хотите