beforeMount

export default {
  data() {
    return {
      refsObj1: '',
      refsObj2: ''
    }
  },
  beforeMount() {
    this.refsObj1 = this.$refs; // The $refs object is empty at this point
  },
  mounted() {
    this.refsObj2 = this.$refs;
  }
}

Ta’rif va qo‘llanilishi

beforeMount lifecycle hook’i komponent o‘rnatilishidan (mounted) bevosita oldin, ya’ni komponent DOMga qo‘shilishidan sal oldin ishga tushadi.

Komponent hali mount qilinmagani sababli, komponent nusxasi ichidagi data yoki computed kabi xususiyatlarga murojaat qila olamiz, lekin komponentning DOM elementlariga murojaat qila olmaymiz, chunki ular hali DOMga o‘rnatilmagan.

Tegishli sahifalar

Vue qo‘llanmasi: Vue lifecycle hook’lari

Vue qo‘llanmasi: ‘beforeMount’ hook’i

Vue qo‘llanmasi: ‘mounted’ hook’i