At skifte visning af elementer i Vue

Lad os nu lave en knap, som vil skifte visningen af et afsnit, det vil sige ved første klik vil den vise det, og ved andet klik - skjule det. For at gøre dette vil vi ved klik på knappen kalde metoden toggle:

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

I metodens kode skal du tage værdien af egenskaben visible og invertere den til dens modsatte værdi:

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