How do you implement a data-fetching Composable in Vue 3?
WHAT IT TESTS: grasp of stateful logic reuse via Vue's Composition API. ANSWER OUTLINE: write useFetch accepting a URL, exposing data, loading, and error refs, then return them. RED FLAG: returning plain vars or using shared singletons instead of factories.
WHAT IT TESTS: whether you can encapsulate reactive state and side effects in a reusable factory function using Vue's Composition API. ANSWER OUTLINE: name the function useFetch by convention, accept a URL parameter, create refs for data, loading, and error, trigger fetch inside onMounted or a watcher, and return the reactive state so components can destructure it. RED FLAG: using plain objects instead of refs, ignoring error or loading states, or treating the composable as a singleton rather than a per-component function call.
Read the original → vuejs.org
- #vue
- #composables
- #composition api
- #reactivity
- #frontend
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.