Пераключэнне элементаў у Vue

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

App.vue<template>
  <button @click="toggle">пераключыць</button>
  <p v-if="visible">тэкст</p>
</template>

У кодзе метаду трэба будзе браць значэнне ўласцівасці visible і інвертаваць яго на яго процілегласць:

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