Estoy en la escuela tratando de aprender Vue-Native para crear una aplicación similar a Imgur usando la API de Imgur.
Estoy probando mis llamadas con una función en la prensa:
async get() { const res = await axios .get('https://api.imgur.com/3/gallery/hot/time/1?showViral=true&mature=false&album_previews=false', { headers: { 'Authorization': 'Client-ID myclientid' } }) this.images = res.data }y tener un bucle v-for para obtener imágenes de la respuesta
<image v-for="image in images" :key="image.id" :style="{height: 300, width: 300}" :source="{uri: `https://i.imgur.com/${image.cover}.jpg` }"/>Cuando divido los datos res.data, no tengo problemas de carga, pero si no los tengo, mi aplicación intenta cargar todo al mismo tiempo y se vuelve muy lenta.
Probé loading="lazy" dentro de la imagen, pero no funcionó porque los componentes de imagen nativos de vue son un poco diferentes
¿Alguien tiene una solución? Gracias