Vue компонентинин өмүр циклы жөнүндө айтып бериңиз.

Vue компонентинин жашоо цикли — бул компоненттин түзүлүштөн өлүмгө чейинки баскычтардын тизмеси. Жашоо циклинин негизги этаптары жана тиешелүү хукдар:

1. Жасалуу (Creation)

   • beforeCreate — баштапкы инициализация, маалыматтар жана окуялар дагы жеткиликтүү эмес.
   • created — маалыматтар жана ыкмалар жеткиликтүү, бирок DOM дагы монтаждалган эмес.

2. Монтаждоо (Mounting)

   • beforeMount — DOMга монтаждоодон мурун.
   • mounted — компонент монтаждалды, DOM менен иштөө мүмкүн.

3. Жаңылоо (Updating)

   • beforeUpdate — маалыматтарды жаңылоодон жана кайра чийүүдө мурун.
   • updated — DOM жаңыланды.

4. Жок кылуу (Unmounting)

   • beforeUnmount — компонентти алып салуудан мурун.
   • unmounted — компонент DOMдон алынып салынды.

Бул хукдар белгилүү учурларда кодду иштетүүгө мүмкүндүк берет, мисалы, маалыматтарды баштоо, окуяларга жазылуу, ресурстарды бошотуу.

Хук колдонуу мисалы:

export default {
  mounted() {
    console.log('Компонент монтаждалды');
  },
  beforeUnmount() {
    console.log('Компонент алынып салынат');
  }
}