Vue-те элементтерді тогглеу
Енді абзацты тогглейтін батырманы жасайық, яғни бірінші басқанда
оны көрсетіп, екінші басқанда жасыратын болады. Ол үшін батырманы
басқанда toggle әдісін шақырамыз:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
Әдіс кодында visible қасиетінің мәнін алып,
оны қарама-қарсы мәнге өзгерту керек:
toggle: function() {
this.visible = !this.visible;
}
Үш абзац және үш батырма берілген. Әр батырма өз абзацын тогглейтіндей етіп жасаңыз.
