Tips & Tricks for your Vue 3 applications
summary
Practical, code-level takeaways for Vue 3: use unref to accept refs or raw values and type generics so composables like a useInterval handle changing refs; build a customRef debounced search value set outside timeout to avoid lost keystrokes; avoid tying global state to a component lifespan by using app.provide + inject for a lazily created store and keep computed/watch creation inside callers; fetch route data reliably by putting loader functions in route meta and running them in beforeResolve so pages render with data already present.
AI-written summary · about
chapters (10)
- 0:00Intro
- 1:23Composition API
- 2:33Unref
- 11:51Search
- 15:11Completion API
- 17:11Bug
- 18:25Inject
- 20:13Pina
- 21:04Data fetching
- 24:43Meta
related talks
36mVue 3 | Looking into the Vueture: Composition Functions
31mCommon Mistakes in Vue and Nuxt and How to Avoid Them
35mCommon Mistakes in Vue.js and How to Avoid Them
25mCommon Mistakes in Vue.js and How to Avoid Them
22mYou might not need Vuex
27mCommon Mistakes in Vue.js
25mLessons Learned from Crafting a Thriving Vue.js SaaS Behemoth
34m5 Patterns for Better Components