Reaktiviteti në Kornizën Vue

Çdo ndryshim i të dhënave nga data çon në një ndryshim të menjëhershëm të shfaqjes së këtyre të dhënave në faqe. Ky sjellje e Vue quhet reaktivitet.

Le ta kontrollojmë në praktikë. Le të themi se kemi vetinë e mëposhtme:

javascriptdata() {
  return {
    text: 'xxx',
  }
}

Le të shfaqim vlerën e kësaj vetie:

App.vue<template>
  {{ text }}
</template>

Le të bëjmë një buton, upon clicking on which vetia jonë do të ndryshojë:

App.vue<template>
  {{ text }}
  <button @click="change">text</button>
</template>

Le të shkruajmë tani metodën që do të thirret me klikimin në buton dhe do të ndryshojë vetinë:

App.vuemethods: {
  change: function() {
    this.text = 'yyy';
  }
}

Nëse mbledhim të gjithë kodin së bashku dhe shtypim butonin - teksti në ekran reaktivisht do të ndryshojë në një tjetër.