Toггли кардан унсурҳо дар Vue

Биёед акнун тугмае созем, ки абзацро toggle кунад, яъне бо клики аввал онро нишон диҳад ва бо клики дуввум - пинҳон кунад. Барои ин бо клик рӯи тугма усули toggle-ро даъват мекунем:

App.vue<template>
  <button @click="toggle">toggle</button>
  <p v-if="visible">матн</p>
</template>

Дар рамзи усул ниёз доред, ки қимати хосияти visible-ро гирифта ва онро ба муқобили худ инверт кунед:

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