การกลับเงื่อนไขใน Vue

คุณสามารถกลับเงื่อนไขโดยใช้ เครื่องหมายอัศเจรีย์:

App.vue<template>
  <p v-if="!visible">ข้อความ</p>
</template>

ในกรณีนี้ย่อหน้าจะแสดงหาก visible มีค่าเป็น false และ จะถูกซ่อน - หากเป็น true

App.vue<template>
  <p v-if="hidden">ข้อความ</p>
</template>