Afficher du Contenu Non Nommé
Objectifs
Comprendre et implémenter les slots par défaut dans les composants Svelte pour une meilleure gestion du contenu dynamique.
Résumé
Apprenez à utiliser les slots par défaut dans un composant enfant Svelte pour afficher le contenu non nommé.
Description
Lors de l'invocation d'un composant, le contenu de son innerHTML qui n'est pas nommé est automatiquement considéré comme le slot par défaut. Dans le composant enfant, il suffit d'utiliser une balise slot
pour le représenter. Nous reprendrons le code précédent du composant app.svelte
, en y intégrant un slot nommé et un contenu non nommé. La balise slot
a été utilisée pour représenter le slot par défaut. Exécutez le code pour observer comment le contenu non nommé est placé dans ce slot par défaut. Dans la prochaine section, nous aborderons la façon d'afficher conditionnellement des slots.
Questions - réponses
slot
qui représente tout contenu non nommé passé au composant enfant.
slot
sans attribut de nom dans le composant enfant.