Kugeuza Vipengele katika Vue

Hebu sasa tufanye kifungo ambacho kitageuza aya, yaani kwa kubofya kwanza kuionyesha, na kwa kubofya ya pili kuificha. Ili kufanya hivyo, kwa kubofya kwenye kifungo tutaita njia toggle:

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

Katika msimbo wa njia, itahitaji kuchukua thamali ya sifa visible na kuibadilisha kwa kinyume chake:

javascripttoggle: function() {
  this.visible = !this.visible;
}