Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Passando valor para dentro do componente

Boa tarde,

No seguinte trecho de código no App.vue:

 <meu-painel :titulo="foto.titulo">
               <img class="imagem-responsiva" :src="foto.url" :alt="foto.titulo">
   </meu-painel>

O título está sendo passado para a propriedade titulo do Painel.vue. Porém tentei fazer um teste e passar ao inves de "foto.titulo", passei um valor qualquer, tipo "Teste", na execução deu erro e o titulo não foi exibido, por que disso?

Obrigado

2 respostas

Olá!

Porque ele espera que o valor passado seja uma expressão (devido ao data binding) que ao ser avaliada resulte em algo. Quando você passa foto.titulo essa expressão é avaliada e seu resultado passado para o componente. Porém, quando você passa Teste ele avalia essa expressão e procura no seu data() essa propriedade, como ela não existe, dá um erro.

Sucesso e bom estudo meu aluno!

solução!

Olá Flávio,

obrigado pelo retorno :)

Entendi perfeitamente, achei que o valor seria uma string e não uma expressão, agora ficou mais claro.

abs e parabéns pelas aulas :)