0 Tage Serie
javascript / intermediate
Snippet

Geteilter Zustand über Modul-Kontext

Das Skript mit 'context="module"' wird einmal pro Komponententyp ausgeführt, nicht pro Instanz. Es dient zum Teilen von Variablen oder Helfern über alle Instanzen hinweg.

snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
12
<script context="module">
let totalInstances = 0;
export const getTotal = () => totalInstances;
</script>
<script>
import { onMount } from 'svelte';
totalInstances++;
onMount(() => {
return () => totalInstances--;
});
</script>
svelte
Erklärung
1
<script context="module">
Definiert Code, der von allen Instanzen dieser Komponente geteilt wird.
2
totalInstances++;
Erhöht den geteilten Zähler jedes Mal, wenn eine neue Instanz erstellt wird.