Die v-else Direktief in Vue

Die direktyf v-if kan ook saamwerk met v-else. Kom ons kyk hoe dit in die praktyk lyk. Laat die eienskap isAuth bevat of die gebruiker geïdentifiseer is of nie:

javascriptdata() {
  return {
    isAuth: true, // hier is dit of true, of false
  }
}

Laat ons maak dat afhangende van die waarde van isAuth een boodskap of 'n ander een vertoon word:

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

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