Vue да элементарни тогглаш

Келинг энди тугма ясайлик, у абзацни тогглайди, яъни биринчи кликда уни кўрсатади, иккинчи кликда - яширади. Бунинг учун тугмага клик қилганда toggle методини чақирамиз:

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

Метод кодида visible хусусиятининг қийматини олиб, уни тескари қийматга айлантириш керак булади:

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