Beszéljen egy Vue komponens életciklusáról.

A Vue komponens életciklusa az a sorrend, amelyen keresztül egy komponens a létrehozástól a megsemmisítésig halad. Az életciklus fő szakaszai és a hozzájuk tartozó hookok:

1. Létrehozás (Creation)

   • beforeCreate — inicializálás, adatok és események még nem elérhetők.
   • created — az adatok és metódusok már elérhetők, de a DOM még nincs összerakva.

2. Csatlakoztatás (Mounting)

   • beforeMount — a DOM-hoz való csatlakoztatás előtt.
   • mounted — a komponens csatlakoztatva, a DOM-mal lehet dolgozni.

3. Frissítés (Updating)

   • beforeUpdate — az adatok frissítése és újrarajzolás előtt.
   • updated — a DOM frissítése után.

4. Lebontás (Unmounting)

   • beforeUnmount — a komponens eltávolítása előtt.
   • unmounted — a komponens eltávolítása után.

Ezek a hookok lehetővé teszik kód futtatását a megfelelő pillanatokban, például adatok inicializálása, eseményekhez való feliratkozás, erőforrások felszabadítása.

Példa egy hook használatára:

export default {
  mounted() {
    console.log('A komponens csatlakoztatva');
  },
  beforeUnmount() {
    console.log('A komponens eltávolításra kerül');
  }
}