Vueにおける条件の反転

条件は感嘆符を使って反転することができます:

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

この場合、段落はvisibleの値がfalseのときに表示され、 trueのときは非表示になります。

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