Direktíva v-else vo Vue

Direktíva v-if môže tiež pracovať v kombinácii s v-else. Pozrime sa, ako to vyzerá v praxi. Nech vlastnosť isAuth obsahuje to, či je používateľ autorizovaný alebo nie:

javascriptdata() {
  return {
    isAuth: true, // tu alebo true, alebo false
  }
}

Urobme tak, aby v závislosti od hodnoty isAuth sa zobrazila jedna správa alebo druhá:

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

javascriptdata() {
  return {
    isAdmin: true,
  }
}