Bases de Svelte
Introduction
Liaisons
Classes et styles
Svelte avancé
Réutiliser du contenu
Mouvements
Liaisons avancées
Transitions avancées
API de contexte
Éléments spéciaux
<script module>
Next steps
Bases de SvelteKit
Introduction
Routing
Chargement de données
En-têtes et cookies
Modules partagés
Formulaires
$app/state
Erreurs et redirections
SvelteKit avancé
Options de page
Options de lien
Routing avancé
Chargement avancé
Variables d’environnement
Conclusion
Jusqu’à maintenant, nous avons exclusivement eu affaire à des états internes — c’est-à-dire des valeurs qui ne sont accessibles uniquement au sein d’un composant donné.
Dans une vraie application, vous aurez besoin de passer des données d’un composant à ses enfants.
Pour faire cela, nous devons déclarer des propriétés, généralement surnommées ‘props’. En Svelte,
nous faisons ça grâce à la rune $props
. Modifiez le composant Nested.svelte
:
Nested
<script>
let { answer } = $props();
</script>
<script lang="ts">
let { answer } = $props();
</script>
Modifier cette page sur Github
précédent suivant
1
2
3
4
5
6
<script>
import Nested from './Nested.svelte';
</script>
<Nested answer={42} />