Přepínání prvků ve Vue

Pojďme nyní vytvořit tlačítko, které bude přepínat odstavec, to znamená, že po prvním kliku jej zobrazí a po druhém kliku - skryje. K tomu při kliknutí na tlačítko budeme volat metodu toggle:

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

V kódu metody bude třeba vzít hodnotu vlastnosti visible a invertovat ji na její opačnou hodnotu:

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