Migrating Vue 2 to Vue 3
summary
Migrates a Vue 2 app to Vue 3 by showing concrete code changes: v‑model now uses modelValue and emits update:modelValue, components support multiple v-model bindings, and custom modifiers (example: capitalize) are passed as boolean props and applied in setup. Demonstrates building a salutation-name component with select and input, uses reactive/refs in setup, shows $attrs now includes listeners (onX) and class/style handling, explains multiple-root components, inheritAttrs and the new emits option, and verifies behavior in the browser while skipping Composition API.
AI-written summary · about
chapters (8)
- 0:00Start
- 0:18From Vue 2 to Vue 3
- 1:30Overview of v-model
- 1:59The new defaults
- 12:02Built in modifiers
- 12:42Creating a custom modifier
- 18:44Vue 2 vs Vue 3
- 24:38Binding listeners through Sattrs
