Van tapasztalatod a Vue 2-ről Vue 3-ra történő migrációban — pontosan mit csináltál te magad?

A Vue 2-ről Vue 3-ra történő migráció során a következő feladatokat végeztem el:

• A meglévő kód elemzése az elavult API-k és szintaxis használatának azonosítására, amelyek nem kompatibilisek a Vue 3-mal.
• A komponensek átírása a Composition API használatával, ahol ez célszerű volt, a olvashatóság és támogatás javítása érdekében.
• A függőségek és pluginok frissítése, azok Vue 3-mal való kompatibilitásának ellenőrzése.
• A build konfigurációjának beállítása (pl. Vite vagy a Webpack konfiguráció frissítése) az új Vue 3 funkciók támogatására.
• Az alkalmazás tesztelése, hibák javítása, amelyek a reaktivitás és a komponensek életciklusának változásaihoz kapcsolódnak.

Példa az Options API helyettesítésére a Composition API-val:

// Vue 2
export default {
  data() {
    return { count: 0 };
  },
  methods: {
    increment() {
      this.count++;
    }
  }
}

// Vue 3
import { ref } from 'vue';
export default {
  setup() {
    const count = ref(0);
    function increment() {
      count.value++;
    }
    return { count, increment };
  }
}