Vue 3 | Looking into the Vueture: Composition Functions
summary
Vue 3 adds composition functions as an additive API for extracting logic; a live-refactor of a small "CatSplore" app shows concrete code: useSearch pulls reactive state, lifecycle hook, and an injected async fetch; useSorting exposes a ref for selected index and a computed sorted output. Demo uses the vue-composition-api shim (not production‑grade), mixes setup with options API, works live, and highlights cons: verbose return lists and mental tradeoffs of ref vs reactive.
AI-written summary · about
chapters (7)
- 0:00Introduction to composition API
- 2:08Limitations of options API
- 5:21Reviewing mix-ins
- 7:53Exploring scoped slots
- 11:52Refactoring search logic
- 25:25Refactoring sorting logic
- 33:53Summary and conclusion
