Direktiva v-else ve Vue

Direktiva v-if může také pracovat v kombinaci s v-else. Podívejme se, jak to vypadá v praxi. Nechť vlastnost isAuth obsahuje to, zda je uživatel autorizován nebo ne:

javascriptdata() {
  return {
    isAuth: true, // zde buď true, nebo false
  }
}

Uděláme to tak, aby v závislosti na hodnotě isAuth bylo zobrazeno buď jedno sdělení, nebo druhé:

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

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