Vue'da Elementleri Açıp Kapama

Şimdi bir paragrafı açıp kapatan, yani ilk tıklamada gösteren, ikinci tıklamada gizleyen bir buton yapalım. Bunun için butona tıklandığında toggle metodunu çağıracağız:

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

Metodun kodunda, visible özelliğinin değerini alıp tersine çevirmemiz gerekecek:

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