Vue 2 to Vue 3 Migration
A practical training for teams migrating from Vue 2 to Vue 3 — covering all breaking changes, Vuetify migration, and two distinct migration strategies: the official Migration Build and a fresh-project rewrite.
Technologies
Migrating from Vue 2 to Vue 3 involves a set of well-defined breaking changes — but planning the right strategy for your codebase is equally important. This training covers every Vue 3 breaking change in detail, the Vuetify 3 migration, and guides teams through both migration approaches with hands-on exercises.
Who is this training for?
Development teams maintaining Vue 2 applications who need to plan and execute a migration to Vue 3, including teams using Vuetify.
Agenda
Vue Breaking Changes
- Key differences between Vue 2 and Vue 3
- Global API changes
- Vue.extend and Vue.use
- Tree-shaking in Vue 3
- v-model changes
keyattribute handling- v-if and v-for precedence
- v-bind order of precedence
- v-on.native removal
- Functional components
Vuetify Breaking Changes
- Setup changes in Vuetify 3
- Layout system changes
- Theme configuration
- SASS variable changes
- Style and utility class changes
- Component API changes
Migrating with the Vue Migration Build
- Strategy and approach
- Known limitations
- Step-by-step migration guide
Migrating with a New Project
- Rewrite strategy
- Advantages and disadvantages compared to the Migration Build
Book this Training
Interested in this training for your team? Reach out and we'll put together a proposal tailored to your requirements — on-site or remote, predefined agenda or custom.
Request this Training