JavaScriptServices/templates/VueSpa/ClientApp/components/fetchdata/fetchdata.ts

import Vue from 'vue';
import { Component, Lifecycle } from 'av-ts';

interface WeatherForecast {
    dateFormatted: string;
    temperatureC: number;
    temperatureF: number;
    summary: string;
}

@Component
export default class FetchDataComponent extends Vue {
    forecasts: WeatherForecast[] = [];

    @Lifecycle mounted() {
        fetch('/api/SampleData/WeatherForecasts')
            .then(response => response.json() as Promise<WeatherForecast[]>)
            .then(data => {
                this.forecasts = data;
            });
    }
}