ao tentar exibir uma imagem armazenada localmente ocorreu um erro ao usar este código, pois a imagem não é encontrada. Depois de tentar bastante, cheguei a esta solução: trocar a url url: './assets/cachorro.jpg' por '../src/assets/cachorro.jpg'
não entendi porque a primeira não encontra a imagem e a segunda sim. obs: usei o caminho './assets/cachorro.jpg' pois imaginava que a imagem seria chamada apartir do arquivo App.vue
<template>
<div>
<h1>{{ titulo }}</h1>
<img v-bind:src="foto.url" v-bind:alt="foto.titulo">
</div>
</template>insira seu código aqui
<script>
export default {
data () {
return {
titulo: "Alura Pic",
foto: {
url: './assets/cachorro.jpg',
titulo: 'Cachorrinho'
}
}
}
}
</script>
