Alternando elementos no Vue

Agora vamos criar um botão que alterna um parágrafo, ou seja, no primeiro clique o mostra, e no segundo clique - o esconde. Para isso, ao clicar no botão, chamaremos o método toggle:

App.vue<template>
  <button @click="toggle">alternar</button>
  <p v-if="visivel">texto</p>
</template>

No código do método, será necessário pegar o valor da propriedade visivel e invertê-lo para o seu oposto:

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