en mi proyecto Vue js tengo un problema con los datos de la API, la página se carga rápido pero los datos de la API tardan más de 5 segundos en cargarse. Sin embargo, mi respuesta Api es muy rápida en la consola. en el código a continuación, implementé api en otro archivo llamado servicios de API y puse una clase que contiene todas mis API llamadas BuildingService , así que llamé a la API montada y se carga lentamente, ¿alguien puede ayudarme en esto?
<script> import Vue from 'vue' import BuildingsService from "@/services/ApiService" Vue.use(VueClipboard) export default { data(){ return{ buildings:[], } }, name: 'icons', components: { BaseHeader }, mounted:function(){ BuildingsService.getBuildings().then((response) => { this.buildings = response.data.response; console.log(response.data.response,"dd"); }); } }; </script> <b-col lg="3" md="6" v-for="(building, index) in buildings" :key="index" > >{{building.building_number}} </b-col>uso creado en lugar de montado:
created() { BuildingsService.getBuildings().then((response) => { this.buildings = response.data.response; console.log(response.data.response,"dd"); }); }como referencia: ingrese la descripción del enlace aquí