Toggle Elemen dalam Vue

Sekarang mari buat tombol yang akan toggle paragraf, yaitu pada klik pertama menampilkannya, dan pada klik kedua - menyembunyikannya. Untuk melakukan ini, saat diklik pada tombol akan memanggil metode toggle:

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

Dalam kode metode, perlu mengambil nilai properti visible dan membaliknya ke kebalikannya:

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