Ao carregar a pagina o console exibe o seguinte erro:
[Vue warn]: Error in created hook: "ReferenceError: fotos is not defined"
vue.esm.js?efeb:1741 ReferenceError: fotos is not defined
<template>
<div>
<h1>{{ titulo }}</h1>
<ul>
<li v-for="foto of fotos"><img :src="foto.url" :alt="foto.titulo"></li>
</ul>
</div>
</template>
<script>
export default {
data(){
return{
titulo:'aluraPic',
fotos:[],
}
},
created() {
// alert("criei o componnte");
let promise = this.$http.get('http://localhost:3000/v1/fotos');
promise
.then(res => res.json())
.then(fotos => this.fotos = fotos);
}
}
</script>
<style>
</style>