Ndërrimi i Elementeve në Vue

Tani le të bëjmë një buton që do të ndërrojë një paragraf, domethënë me klikimin e parë do ta shfaq atë, kurse me klikimin e dytë do ta fsheh. Për këtë, gjatë klikimit në buton do të thërrasim metodën toggle:

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

Në kodin e metodës do të duhet të marrim vlerën e vetisë visible dhe ta përmbysim atë në të kundërtën e saj:

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