Voorwaardelike Groepe in Vue

Soms moet ons 'n voorwaarde plaas op 'n hele groep tags tegelyk. In hierdie geval kan ons hulle saamvoeg onder 'n gemeenskaplike ouer en die voorwaarde daarop toepas:

html<template>
  <div v-if="isAuth">
    <p>+++</p>
    <p>+++</p>
    <p>+++</p>
  </div>
</template>

Soms wil ons nie die tags onder 'n gemeenskaplike ouer saamvoeg nie. In daardie geval kan hulle saamgevoeg word met die template tag. Hierdie tag groepeer ander tags, maar verskyn nie in die finale uitleg nie. Kom ons plaas 'n voorwaarde op hierdie tag:

html<template>
  <template v-if="isAuth">
    <p>+++</p>
    <p>+++</p>
    <p>+++</p>
  </template>
</template>
Задание 1

Gestel jy het drie paragrawe en 'n knoppie. Sorg dat wanneer op die knoppie gedruk word, hierdie paragrawe wegsteek.