Vue framework-indaky reaktivlik

data-dan gelýän maglumatlaryň islendik üýtgemesi sahypada şol maglumatlaryň görkezilişiniň derrew üýtgemegine getirýär. Vue framework-iň şeýle hereketi reaktivlik diýilýär.

Geliň praktikada barlap göreli. Aşakdaky aýratynlyk bizde bar bolsun:

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

Bu aýratynlygyň bahasyny görkezeliň:

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

Basanda biziň aýratynlygymyzyň üýtjek düwmesini düzeliň:

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

Indi düwmä basylanda çagyrylar we aýratynlygy üýtderer metodu ýazalyň:

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

Kodlaryň hemmesini bir ýere ýygýan we düwmä bassanyňyz - ekrandaky tekst reaktiv suratda beýleki birine üýtgerer.