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

Келгиле, азыр абзацты тогглой турган баскыч жасайлы, башкача айтканда биринчи чыкылдатууда аны көрсөтүп, экинчи чыкылдатууда жашырабыз. Бул үчүн баскычка чыкылдаганда toggle методуун чакырабыз:

App.vue<template>
  <button @click="toggle">toggle</button>
  <p v-if="visible">текст</p>
</template>

Методдун коду visible касиетинин маанисин алып, аны карама-каршы мааниге өзгөртүү керек:

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