0 Tage Serie
javascript / beginner
Snippet

Deklarieren von Komponenten-Props mit Standardwerten

In Svelte werden Komponenten-Props mit dem Schlüsselwort export deklariert. Die Zuweisung eines Standardwerts bietet einen sicheren Fallback, falls die übergeordnete Komponente die Eigenschaft nicht übergibt.

snippet.js
javascript
1
2
3
4
5
6
7
8
9
<script>
export let username = 'Guest';
export let score = 0;
</script>
<div class="user-badge">
<p>User: {username}</p>
<p>Score: {Number(score)}</p>
</div>
svelte
Erklärung
1
export let username = 'Guest';
Deklariert eine eingehende Prop namens username mit dem Standard-String-Wert 'Guest'.
2
export let score = 0;
Deklariert eine eingehende Prop namens score mit dem numerischen Initialwert 0.