What you'll love in Vue 3
summary
Vue 3 promises concrete changes: reactivity now detects property additions and deletions so setting or deleting object/array entries becomes reactive without Vue.set/ Vue.delete; a built-in portals (teleport) lets elements render elsewhere in the DOM; components allow multiple root nodes; v-model supports multiple bindings; a new composition API (RFC) enables feature-based reuse and better TypeScript support; Suspense handles async components; filters are removed; overall claim is smaller, faster runtime and most user code does not need a full rewrite.
AI-written summary · about
chapters (24)
- 0:00Intro
- 2:07Vue is Young and Famous
- 2:32Vue is Easy to Use and Learn
- 3:26Vue is Options based
- 4:35Current Reactivity Caveats
- 4:54Setting a new array item
- 5:33Adding a new object property
- 6:02Deleting an object propert
- 6:34Portal: Target
- 7:03Portal: Source
- 7:38Target + Source
- 8:36Portals: Use Case
- 9:03Can't wait?
- 9:30Sounds familiar?
- 10:29v-model API change
- 11:28Why Composition API
- 11:50Composition API Benefits
- 12:31Good Fit For
- 13:21Drawbacks of Composition API (own opinion)
- 13:46Consider
- 14:23Suspense
- 15:28#nofilter
- 16:55Why upgrade to Vue 3?
- 18:18Booth Area
