Condições Complexas no Vue

Na diretiva v-if, é possível criar condições mais complexas. Suponha, por exemplo, que a propriedade num possa conter um dos números 1, 2 ou 3:

javascriptdata() {
  return {
    num: 3, // vamos supor que seja 3 agora
  }
}

Agora, vamos criar três parágrafos, dos quais apenas um será exibido dependendo do valor da propriedade num:

html<template>
  <p v-if="num === 1">um</p>
  <p v-if="num === 2">dois</p>
  <p v-if="num === 3">três</p>
</template>

Também é possível criar condições mais complexas:

html<template>
  <p v-if="num === 1 || num === 3">
    um ou três
  </p>
</template>