Toгглинг элементов в Vue

Давайте теперь сделаем кнопку, которая будет тогглить абзац, то есть по первому клику показывать его, а по второму клику - прятать. Для этого по клику на кнопку будем вызывать метод toggle:

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

В коде метода нужно будет брать значение свойства visible и инвертировать его на его противоположность:

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