Direktif v-else di Vue

Direktif v-if juga dapat bekerja bersama dengan v-else. Mari kita lihat, bagaimana tampilannya dalam praktik. Misalkan properti isAuth berisi nilai yang menunjukkan apakah pengguna telah terautentikasi atau tidak:

javascriptdata() {
  return {
    isAuth: true, // di sini true atau false
  }
}

Mari buat agar tergantung pada nilai isAuth, ditampilkan satu pesan atau pesan lainnya:

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

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