Директива v-else във Vue

Директивата v-if може също да работи в комлект с v-else. Нека да видим как изглежда това на практика. Нека свойството isAuth съдържа това, дали потребителят е авторизиран или не:

javascriptdata() {
  return {
    isAuth: true, // тук или true, или false
  }
}

Нека направим така, че в зависимост от стойността на isAuth да се извежда или едно съобщение, или друго:

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

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