activated

export default {
  mounted() {
    console.log("mounted");
    const liEl = document.createElement("li");
    liEl.innerHTML = "mounted";
    this.$refs.olEl.appendChild(liEl);
  },
  activated() {
    console.log("activated");
    const liEl = document.createElement("li");
    liEl.innerHTML = "activated";
    this.$refs.olEl.appendChild(liEl);
  }
}

Ta’rif va qo‘llanilishi

activated lifecycle hook’i keshlangan komponent DOMga kiritilganda ishga tushadi.

Komponent o‘rnatilgan <KeepAlive> komponentidan foydalangan holda keshlanadi.

Keshlangan komponent yaratilgandan so‘ng uni DOMga ko‘p marta kiritish va undan olib tashlash mumkin; bunday keshlangan komponent har safar DOMga kiritilganda activated lifecycle hook’i chaqiriladi.

Tegishli sahifalar

Vue qo‘llanmasi: Vue lifecycle hook’lari

Vue qo‘llanmasi: "activated" hook’i

Vue qo‘llanmasi: "deactivated" hook’i

Vue qo‘llanmasi: ‘mounted’ hook’i

Vue qo‘llanmasi: "unmounted" hook’i

Vue ma’lumotnomasi: Vue "deactivated" lifecycle hook’i

Vue ma’lumotnomasi: Vue ‘mounted’ lifecycle hook’i

Vue ma’lumotnomasi: Vue "unmounted" lifecycle hook’i