Умоўныя групы ў Vue

Часам нам трэба накласці ўмову адразу на групу тэгаў. У гэтым выпадку мы можам аб'яднаць іх агульным бацькам і накласці ўмову на яго:

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

Часам нам не хацелася б аб'ядноўваць тэгі агульным бацькам. У гэтым выпадку іх можна аб'яднаць тэгам template. Гэты тэг аб'ядноўвае іншыя тэгі, але не трапляе ў выніковую вёрстку. Давайце накладзем умову на гэты тэг:

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