То́гловање елемената у Vue

Хајде сада да направимо дугме које ће то́гловати пасусе, односно да га прикаже првим кликом, а да га сакрије другим кликом. За ово ћемо при клику на дугме позивати метод toggle:

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

У коду метода треба да узмемо вредност својства visible и инвертујемо је у њену супротну вредност:

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