Direktivet v-else i Vue

Direktivet v-if kan också fungera i kombination med v-else. Låt oss se hur det ser ut i praktiken. Låt egenskapen isAuth innehålla om användaren är inloggad eller inte:

javascriptdata() {
  return {
    isAuth: true, // här antingen true eller false
  }
}

Låt oss se till att antingen ett meddelande eller ett annat skrivs ut beroende på värdet på isAuth:

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

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