Migrating from Vue 2 Class Components

on YouTube ↗16m

" summary

Pocket Prep migrates its four apps plus a shared UI library from Vue 2 class components to Vue 3 by installing view-facing-decorator and doing a global find/replace of the old class/decorator imports. Migration mainly works: most components run on V3 after swapping imports, but class property initializers that reference this must move to lifecycle hooks, emitted events need declarations (the emit decorator automates some of that), and router hooks nest differently. Team then migrates components incrementally toward script setup for a cleaner TypeScript experience.

AI-written summary · about

" chapters (4)

1. 0:00Migrating from Vue 2 Class Components
2. 1:29Pocket Prep's story
3. 2:07Options API - Class Components
4. 10:57Class Components - Composition API

" 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
• 05mMigrating to Vue 3Adam Jahr · Vue.js London Live 2021
• 32mAn Phan - Vue 2 to 3 migration: A real-life experience - Vuejs Amsterdam 2022An Phan · JSWorld Conference 2022
• 46mVUE PanelConnect.Tech 2021
• 44mFrom Legacy to Vue.jsVanessa Böhner · iJS London 2019
• 26mMigrating a big old codebase to Vue 3: what I'm excited aboutNatalia Tepluhina · Vue.js Global 2020
• 34mBeyond the Sunset: Navigating through Vue.js 2 EOL and Vue 3 MigrationEma Zyka · Voxxed Days Ioannina 2024