Vue da elementlarni tog'gilash

Keling, endi tugma yarataylik, u abzatsni tog'gilaydi, ya'ni birinchi chiquvcha bosilganda uni ko'rsatadi, ikkinchi chiquvcha bosilganda - yashiradi. Buning uchun tugmani bosilganda toggle metodini chaqiramiz:

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

Metod kodida visible xususiyatining qiymatini olish va uni o'ziga qarama-qarshi qiymatga aylantirish kerak bo'ladi:

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