Invertering av villkor i Vue

Man kan invertera ett villkor med hjälp av ett utropstecken:

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

I det här fallet kommer stycket att visas om visible har värdet false och dolt - om true.

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