Bir Vue bileşeninin yaşam döngüsünden bahsedin.

Bir Vue bileşeninin yaşam döngüsü, bileşenin oluşturulmasından yok edilmesine kadar geçen aşamaların sırasıdır. Yaşam döngüsünün ana aşamaları ve karşılık gelen kancalar:

1. Oluşum (Creation)

   • beforeCreate — başlatma, veriler ve olaylar henüz erişilebilir değil.
   • created — veriler ve metodlar zaten erişilebilir, ancak DOM henüz monte edilmemiştir.

2. Montaj (Mounting)

   • beforeMount — DOM'a montajdan önce.
   • mounted — bileşen monte edildi, DOM ile çalışılabilir.

3. Güncelleme (Updating)

   • beforeUpdate — verilerin güncellenmesi ve yeniden çizilmeden önce.
   • updated — DOM güncellendikten sonra.

4. Yıkım (Unmounting)

   • beforeUnmount — bileşen kaldırılmadan önce.
   • unmounted — bileşen DOM'dan kaldırıldıktan sonra.

Bu kancalar, örneğin, verileri başlatmak, olaylara abone olmak, kaynakları serbest bırakmak gibi, uygun zamanlarda kod çalıştırmaya olanak tanır.

Bir kanca kullanım örneği:

export default {
  mounted() {
    console.log('Bileşen monte edildi');
  },
  beforeUnmount() {
    console.log('Bileşen kaldırılacak');
  }
}