Utilisation de Contexte Module pour Exporter des Fonctions
Objectifs
Les objectifs de cette vidéo sont d'apprendre à exporter des fonctions avec contexte = module, de comprendre comment gérer l'état global entre plusieurs instances de composants et de savoir utiliser ces concepts pour des applications Svelte plus complexes.
Résumé
Découvrez comment passer des fonctions entre composants dans Svelte, en utilisant l'attribut contexte = module.
Description
La vidéo démontre comment échanger des fonctions entre composants dans Svelte en exportant ces fonctions avec l'attribut context = module. Nous créons deux composants : compteur.svelte
et app.svelte
. Le composant compteur.svelte
affiche un bouton qui incrémente un compteur, tandis que le composant app.svelte
affiche plusieurs compteurs et un bouton pour afficher le total des compteurs. La fonction de calcul du total est définie dans compteur.svelte
, mais exportée et utilisée dans app.svelte
. En utilisant contexte = module, la fonction est stockée globalement, permettant une mémorisation unique.
Cette méthode permet de gérer l'état global de façon efficace, en évitant les duplications inutiles de fonctions pour chaque instance de composant.