useSlots() Obter conteúdo de slots
Última atualização: 2026-10-22
useSlots() Obter conteúdo de slots
useSlots() devolve o conjunto de funções de slot passadas pelo componente pai, usado para verificar no script se um slot foi passado ou renderizar manualmente.
| Grupo | Template e Auxiliares |
|---|---|
| Tipo | API |
| Escopo | No Componente |
| Versão do Vue | 3.0+ |
| Suporte a SSR | Sim |
📝 Sintaxe
const slots = useSlots()
if (slots.header) { /* o componente pai forneceu o slot header */ }Retorno：Objeto de funções de slot (incluindo default / slots nomeados)
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
The first card shows the parent header; the second falls back to 'Default title'.💡 Pontos-chave
💡 Dica Verificar a existência de slots é o uso típico: com conteúdo do pai, renderiza-o; sem, renderiza a reserva.
ℹ️ Nota No template geralmente se usa diretamente; só use esta função quando precisar de condições no script.
⚠️ Aviso Não dependa dele como dados reativos (o conjunto de slots pode mudar entre renderizações).
🏷️ Template e Auxiliares relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P Qual a diferença de $slots?
R É a versão em Composition API, funcionalmente igual; ambos devolvem o conjunto de funções de slot.
P Dá para chamar a função de slot?
R Dá (slots.default()), mas geralmente a renderização fica a cargo do template; a chamada manual é uso avançado.
P Onde a verificação de existência é mais usada?
R Em componentes como cartões, modais e tabelas, que têm cabeçalho/rodapé opcionais, para construir UI de reserva.
