Elementide lülitamine Vues

Teeme nüüd nupu, mis lülitab lõigu, see tähendab esimesel klõpsul kuvab selle ja teisel klõpsul peidab selle. Selleks klõpsame nupul ja kutsume välja meetodi toggle:

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

Meetodi koodis on vaja võtta omaduse visible väärtus ja pöörata see ümber selle vastupidiseks:

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