CATALOGUE Code & Data Apprendre Svelte 3 et SvelteKit 1.0 Comprendre les Slots par Défaut dans Svelte

Comprendre les Slots par Défaut dans Svelte

Slot par défaut
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Svelte 3 et SvelteKit 1.0
Revoir le teaser Je m'abonne
Transcription

Cette leçon fait partie de la formation
129,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

Cette leçon fait partie de la formation
129,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Comprendre et implémenter les slots par défaut dans les composants Svelte pour une meilleure gestion du contenu dynamique.

Apprenez à utiliser les slots par défaut dans un composant enfant Svelte pour afficher le contenu non nommé.

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.

Voir plus
Questions réponses
Qu'est-ce qu'un slot par défaut dans Svelte ?
Un slot par défaut est une balise slot qui représente tout contenu non nommé passé au composant enfant.
Comment définir un slot par défaut dans un composant enfant ?
Il suffit d'inclure une balise slot sans attribut de nom dans le composant enfant.
Quels sont les avantages des slots par défaut ?
Ils permettent une meilleure gestion et composition du contenu dans les composants enfants, rendant le code plus modulaire et maintenable.

Programme détaillé