An Phan - Vue 2 to 3 migration: A real-life experience - Vuejs Amsterdam 2022

on YouTube ↗32m

" summary

Migrating a real app from Vue 2 Options API to Vue 3 Composition API shows concrete changes: the mounting API and event-bus pattern break, async components require defineAsyncComponent for tree shaking, and reactivity now uses Proxy so Vue.set no longer needed. Mixins become composable functions so mixins → composables and script-setup cuts boilerplate roughly 50% in examples. Testing shifts to @testing-library/vue, the porting takes about two weeks with testing one and a half, and the repo ends up +10k / -12k lines after fixes.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 9:59REACTIVITY SUPERCHARGED
3. 16:04ASYNC COMPONENTS
4. 24:02COMPONENTS AND MODEL BINDINGS
5. 25:28ABOUT TESTING

" related talks

• 32mMigrating Vue 2 to Vue 3Marina Mosti · Vuejs Amsterdam 2021
• 35mHow to migrate a large app to Vue 3Alex Van Liew · Vueconf.US 2022
• 26mMigrating a big old codebase to Vue 3: what I'm excited aboutNatalia Tepluhina · Vue.js Global 2020
• 05mMigrating to Vue 3Adam Jahr · Vue.js London Live 2021
• 41mVue 3 & Its EcosystemNicolas Frizzarin · Voxxed Days Luxembourg 2022
• 46mVUE PanelConnect.Tech 2021
• 48mInterview with Evan You — the creator of the Vue.jsEvan You · Vue.js fwdays'20 online conference
• 39mExciting features in Vue 3Ramona Biscoveanu · Vue.js fwdays'20 online conference