Invertendo uma condição no Vue
Você pode inverter uma condição usando um ponto de exclamação:
<template>
<p v-if="!visible">texto</p>
</template>
Nesse caso, o parágrafo será mostrado se
visible tiver o valor false e
oculto - se for true.
Inverta a condição:
<template>
<p v-if="!hidden">texto</p>
</template>