Arahan v-else dalam Vue

Arahan v-if juga boleh berfungsi bersama-sama dengan v-else. Mari kita lihat, bagaimana ia kelihatan dalam praktik. Katakan sifat isAuth mengandungi sama ada pengguna telah diautentikasi atau tidak:

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

Mari kita buat supaya bergantung pada nilai isAuth, sama ada satu mesej dipaparkan, atau yang lain:

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

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