Direktivet v-else i Vue

Direktivet v-if kan også jobbe sammen med v-else. La oss se hvordan dette ser ut i praksis. La egenskapen isAuth inneholde om brukeren er autentisert eller ikke:

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

La oss sørge for at enten den ene meldingen eller den andre vises, avhengig av verdien på isAuth:

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

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