Vue-daky elementleri açmak ýapmak

Indi bir abzasly açmak ýapmak üçin düwmäni edeliň, ýagny birinji basylyşda ony görkezmek, ikinji basylyşda ýaşyrmak. Bunuň üçin düwme basylanda toggle metodyny çagyralyň:

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

Metod kodunda visible aýratynlygynyň bahasyny alyp, ony tersine öwürmeli bolarys:

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