Elementų perjungimas Vue

Dabar sukurkime mygtuką, kuris perjungs pastraipą, tai yra, pirmu paspaudimu ją rodys, o antru paspaudimu - paslėps. Tam paspaudus ant mygtuko iškviesime metodą toggle:

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

Metodo kode reikės paimti savybės visible reikšmę ir invertuoti ją į priešingą reikšmę:

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