Тогглинг элементов в Vue
Давайте теперь сделаем кнопку, которая
будет тогглить абзац, то есть по первому
клику показывать его, а по второму
клику - прятать. Для этого по клику
на кнопку будем вызывать метод
toggle:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
В коде метода нужно будет брать
значение свойства visible
и инвертировать его на его
противоположность:
toggle: function() {
this.visible = !this.visible;
}
Даны три абзаца и три кнопки. Сделайте так, чтобы каждая кнопка тогглила свой абзац.