Masharti ya Kuitikia (Reactive Condition) katika Vue

Wacha tufanye hivi, ili sharti liwe la kuitikia. Kwa mfano tufanye hivi, ili kipengele kifichike kwa kubofya kitufe. Hebu tuwe na aya ifuatayo:

App.vue<template>
  <p v-if="visible">maandishi</p>
</template>

Wacha tufanye hivi, ili aya yetu ionekane hapo mwanzo:

javascriptdata() {
  return {
    visible: true,
  }
}

Wacha sasa tufanye kitufe, kinachobofywa ambacho aya itafichika:

App.vue<template>
  <button @click="hide">ficha</button>
  <p v-if="visible">maandishi</p>
</template>

Njia iliyounganishwa itabadilisha sifa visible kuwa false, na hivyo kusababisha aya yetu ifichike:

javascriptmethods: {
  hide: function() {
    this.visible = false;
  }
}