Vue:n v-else-direktiivi

Direktiivi v-if voi myös toimia yhdessä v-else:n kanssa. Katsotaan, milta se käytännössä näyttää. Oletetaan, että ominaisuus isAuth sisältää tiedon siitä, onko käyttäjä tunnistautunut vai ei:

javascriptdata() {
  return {
    isAuth: true, // tässä joko true tai false
  }
}

Tehdään niin, että isAuth-ominaisuuden arvosta riippuen näytetään joko yksi viesti tai toinen:

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

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