Vue - Condicionales

Condicional if, else, else-if aplicadas en vue mediante las directivas: v-if, v-else y v-else-if

<div id="app">
  <button v-on:click="error = !error" type="button" name="button">Error</button>
  <button v-on:click="exito = !exito" type="button" name="button">Exito</button>

  <p v-if="error">Ocurrio un error</p>
  <p v-else-if="exito">Exito total</p>
</div>

si el mensaje es de error no se despliega el mensaje de exito, si el mensaje es de exito no se despliega el mensaje de error

var app = new Vue({
  el: '#app',
  data: {
    error: true,
    exito: true
  }
});

Resultado: