Prepínanie prvkov vo Vue

Teraz urobme tlačidlo, ktoré bude prepínať odsek, to znamená, že pri prvom kliku ho zobrazí a pri druhom klike - skryje. Na to pri kliknutí na tlačidlo budeme volať metódu toggle:

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

V kóde metódy bude potrebné vziať hodnotu vlastnosti visible a invertovať ju na jej opak:

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