Menogol Elemen dalam Vue

Sekarang mari kita buat butang yang akan menogol perenggan, iaitu pada klik pertama menunjukkannya, dan pada klik kedua - menyembunyikannya. Untuk melakukan ini, pada klik pada butang, kita akan memanggil kaedah toggle:

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

Dalam kod kaedah, perlu mengambil nilai sifat visible dan menyongsangkannya kepada nilai bertentangan:

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