Vue direktiiv v-else

Direktiiv v-if võib töötada koos v-else-iga. Vaatame, kuidas see praktikas välja näeb. Olgu omadus isAuth sisaldav kas kasutaja on autenditud või mitte:

javascriptdata() {
  return {
    isAuth: true, // siin on kas true või false
  }
}

Teeme nii, et sõltuvalt väärtusest isAuth kuvatakse kas üks sõnum või teine:

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

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