Die Composition API ist die empfohlene Art, Vue-3-Komponenten zu schreiben. Bessere TypeScript-Unterstuetzung, wiederverwendbare Logik, einfachere grosse Komponenten.
Script Setup¶
{{ count }} ({{ doubled }})
Composables¶
// composables/useFetch.ts export function useFetch(url: string) { const data = ref(null); const error = ref(null); const loading = ref(true); fetch(url) .then(r => r.json()) .then(v => data.value = v) .catch(e => error.value = e) .finally(() => loading.value = false); return { data, error, loading }; } // Verwendung in der Komponente const { data: users, loading } = useFetch(‘/api/users’);