Прикажување на елементи во Vue

Ајде сега да направиме копче кое ќе прикажува/скрива параграф, односно при првото кликање ќе го прикажува, а при второто кликање - ќе го крие. За ова, при клик на копчето ќе повикуваме метод toggle:

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

Во кодот на методот ќе треба да ја земеме вредноста на својството visible и да ја инвертираме во нејзината спротивна вредност:

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