Wissel elemente in Vue

Laat ons nou 'n knoppie maak wat 'n paragraaf sal wissel, dit wil sê, met die eerste kliek sal dit dit wys, en met die tweede kliek - versteek. Om dit te doen, sal ons by 'n kliek op die knoppie die metode toggle oproep:

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

In die kode van die metode sal dit nodig wees om die waarde van die eienskap visible te neem en dit na sy teenoorgestelde te verander:

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