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:
<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:
toggle: function() {
this.visivel = !this.visivel;
}
Existem três parágrafos e três botões. Faça com que cada botão alterne seu próprio parágrafo.
