Как записать полученное значение в переменную для вывода, Vue?

Question

[JenerIIC]

Добрый день. Подскажите почему в text112 не присваивается значение data.count и не выводится соответственно? Значение data.count получаю, а вот присваивание не срабатывает.

// Отделльный файл с классом APIData
export default class APIData {
    static async getData(url: string) {
        return await fetch(url)
                .then(result => result.json())
                .catch(error => console.log(error));
    }
}

//Файл компонента Vue
<template>
    ...
   <p>{{ text112 }}</p>
    ...
</template>

<script lang="ts">
import APIData from '../APIData';
import {Component, Vue} from 'vue-property-decorator';

@Component
export default class InvHistory extends Vue {
    titlesHistory = [
        { text: 'Название', value: 'processDefinitionName'},
        { text: 'Запустил', value: 'startUserId'},
        { text: 'Сервер', value: 'hostName'},
        { text: 'Версия', value: 'version'},
        { text: 'Время начала', value: 'startTime'},
        { text: 'Длительность, м', value: 'durationInMillis'}
    ];

    historyCountUrl: string = 'https://bpmn-engine/count';

    text112 = 0;

    hist = APIData.getData(this.historyCountUrl)
            .then(data => this.text112 = data.count); // Присваиваем значение счетчика в переменную text112
  
}
</script>