javascript / expert
Snippet
Composable-Factories für konfigurierbare Logik
Eine Composable-Factory ist eine Funktion höherer Ordnung, die ein angepasstes Composable zurückgibt. Dies ermöglicht es, gemeinsame Konfigurationen auf Anwendungsebene zu kapseln und gleichzeitig flexible Logik für einzelne Komponenten bereitzustellen.
snippet.js
javascript
1
2
3
4
5
6
7
export function createFetchComposable(baseUrl) {return (endpoint) => {const data = ref(null);fetch(`${baseUrl}${endpoint}`).then(r => r.json()).then(v => data.value = v);return { data };};}
vue
Erklärung
1
export function createFetchComposable(baseUrl) {
Die Factory-Funktion, die Konfigurationsparameter akzeptiert.
2
return (endpoint) => {
Gibt eine neue Closure (das eigentliche Composable) zurück, die an die Konfiguration gebunden ist.
3
return { data };
Stellt den reaktiven Status der konsumierenden Komponente zur Verfügung.