Toglovanje elemenata u Vue

Hajde sada da napravimo dugme koje će da togluje pasus, odnosno da ga prvim klikom prikaže, a drugim klikom - sakrije. Za ovo ćemo pri kliku na dugme pozvati metod toggle:

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

U kodu metoda ćemo trebati da uzmemo vrednost svojstva visible i invertujemo je u njemu suprotnu:

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