Vue'da v-else Direktifi

v-if direktifi, v-else ile birlikte de çalışabilir. Pratikte nasıl göründüğüne bir bakalım. isAuth özelliğinin, kullanıcının yetkili olup olmadığını içerdiğini varsayalım:

javascriptdata() {
  return {
    isAuth: true, // burada true veya false
  }
}

isAuth değerine bağlı olarak bir mesajın veya diğerinin gösterilmesini sağlayalım:

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

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