Direktivet v-else i Vue

Direktivet v-if kan også arbejde sammen med v-else. Lad os se, hvordan det ser ud i praksis. Lad egenskaben isAuth indeholde om brugeren er autoriseret eller ej:

javascriptdata() {
  return {
    isAuth: true, // her enten true eller false
  }
}

Lad os sørge for, at afhængigt af værdien af isAuth vises den ene besked eller den anden:

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

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