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

Quando devo usar o slot?

Oi Pessoal, estou com uma dúvida sobre slots no exemplo que o Flávio colocou nesse tópico, eu não poderia ter colocado a imagem direto no meu componente e buscado o src e alt dinâmicos, não daria na mesma? Acho que estou confusa com esse conceito. Alguém poderia me ajudar?

Exemplo do componente:

<template>
   <div class="painel">
          <h2 class="painel-titulo">{{ titulo }}</h2>
          <img :src="foto.url" :alt="foto.titulo">
  </div>
</template>

Exemplo da chamada:

<template>
  <div class="corpo">
      <h1 class="centralizado">{{ titulo }}</h1>
      <ul class="lista-fotos">
        <li class="lista-fotos-item" v-for="foto in fotos">
            <meu-painel :titulo="foto.titulo"></meu-painel>
        </li>
      </ul>
  </div>
</template>
3 respostas
solução!

Fala ai Gisele, tudo bem? O slot é utilizando quando o conteudo do seu componente é dinâmico.

Exemplo: Texto para um componente de botão, conteudo de paineis e abas, conteudo de cards, conteudos de modais, etc...

Espero ter ajudado.

Valeu Matheus!

Magina Gisele, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.