Обръщане на условие във Vue

Можете да обърнете условието с помощта на удивителен знак:

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

В този случай параграфът ще бъде показан, ако visible има стойност false и скрит - ако true.

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