Przełączanie elementów w Vue

Stwórzmy teraz przycisk, który będzie przełączał akapit, to znaczy po pierwszym kliknięciu pokaże go, a po drugim kliknięciu - ukryje. W tym celu po kliknięciu na przycisk wywołajmy metodę toggle:

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

W kodzie metody należy pobrać wartość właściwości visible i odwrócić ją na jej przeciwieństwo:

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