Elementu ieslēgšana un izslēgšana Vue

Tagad izveidosim pogu, kas pārslēgs rindkopu, tas ir, ar pirmo klikšķi to parādīs, bet ar otro klikšķi - paslēps. Lai to izdarītu, ar klikšķi uz pogas izsauksim metodi toggle:

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

Metodes kodā būs jāņem īpašības visible vērtība un jāapgriež tā pretējā vērtībā:

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