The Composition API is the recommended way to write Vue 3 components. Better TypeScript support, reusable logic, simpler large components.
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 }; } // Usage in a component const { data: users, loading } = useFetch(‘/api/users’);