Uwepesi wa Majibu katika Mfumo wa Vue

Mabadiliko yoyote ya data kutoka data husababisha mabadiliko ya papo hapo ya kuonyesha data hiyo kwenye ukurasa. Tabia hii ya Vue inaitwa uwepesi wa majibu.

Hebu tuangalie kwa vitendo. Tuchukulie tuna sifa ifuatayo:

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

Tuonyeshe thamani ya sifa hii:

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

Tutengeneze kifungo, ubonyeze ambao itasababisha kubadilisha sifa yetu:

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

Sasa tuandike mbinu ambayo itaitwa kwa kubonyeza kifungo na kubadilisha sifa:

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

Ukikusanya msimbo wote pamoja na kubonyeza kifungo - maandishi kwenye skrini kwa uwepesi wa majibu yatabadilika kuwa mengine.