Đảo ngược điều kiện trong Vue

Bạn có thể đảo ngược điều kiện bằng cách sử dụng dấu chấm than:

App.vue<template>
  <p v-if="!visible">text</p>
</template>

Trong trường hợp này, đoạn văn sẽ được hiển thị nếu visible có giá trị là false và bị ẩn - nếu là true.

App.vue<template>
  <p v-if="hidden">text</p>
</template>