Elemek váltogatása Vue-ban

Most készítsünk egy gombot, amely váltogat egy bekezdést, vagyis az első kattintásra megjeleníti, a második kattintásra pedig elrejti. Ehhez a gombra kattintva hívjuk meg a toggle metódust:

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

A metódus kódjában a visible tulajdonság értékét kell venni, és invertálni az ellentétére:

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