<template>
<div>
<h1>{{titulo}}</h1>
<ul>
<li v-for="foto of fotos" :key="foto">
<img v-bind:src="foto.url" v-bind:alt="foto.titulo">
</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
titulo: 'Alurapic',
fotos: []
}
},
created() {
let promise = this.$http.get('http://localhost:3000/v1/fotos');
promise.then( res => {
res.json().then(fotos => this.fotos = fotos );
});
}
}
</script>
<style lang="scss">
</style>
Boa noite minha dúvida é sobre a aula 05 Lifecycle Hooks: em que momento acessaremos nossa API?
As fotos não aparecem!
Está abrindo a api em http://localhost:3000/v1/fotos' antes estava dando erro procurei aqui e vi que faltava :key="" então acrescentei e mesmo assim não aparecem as fotos e também não consigo ver o response no console log.
