Инвертирование условия в Vue

Можно инвертировать условие с помощью восклицательного знака:

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

В таком случае абзац будет показан, если visible имеет значение false и скрыт - если true.

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