Превключване на елементи във Vue

Нека сега направим бутон, който ще превключва параграф, тоест при първото кликване ще го показва, а при второ кликване - ще го скрива. За целта при клик върху бутона ще извикваме метод toggle:

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

В кода на метода ще трябва да вземем стойността на свойството visible и да я инвертираме към нейната противоположност:

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