Componentes: O Vue permite a junção de componentes para gerar componentes maiores e mais complexos. De que maneira um componente pai passa um bloco HTML ou outros componentes de modo a preencher um espaço pré-definido em seu componente filho (uma espécie de janela ou abertura)?
O Vue permite a junção de componentes para gerar componentes maiores e mais complexos. De que maneira um componente pai passa um bloco HTML ou outros componentes de modo a preencher um espaço pré-definido em seu componente filho (uma espécie de janela ou abertura)?
A) Através de eventos.
B) Através de props.
C) Através de classes CSS.
D) Através de slots.
E) Através de uma imagem.
No Vue, quando um componente pai precisa inserir um bloco de HTML (ou até mesmo outros componentes) dentro de um espaço reservado no template de um componente filho, utiliza-se o recurso chamado slots.
Passo a passo do conceito:
- O componente filho define uma “abertura” no seu template com a tag
<slot>(ou slots nomeados, como<slot name="...">). - O componente pai envolve o conteúdo que deseja “encaixar” dentro do componente filho.
- O Vue então renderiza esse conteúdo do pai no local do
<slot>do filho.
Isso é exatamente a “janela”/“abertura” descrita no enunciado.
Alternativa correta: (D).