Estoy tratando de implementar un contador y quiero hacer que cuando este llegue a 0 se ejecute X acción, de prueba con un console.log bastaría, pero no logro poder hacerlo andar ya que mi comprensión de la propiedad Watch no es mucha.
Actualmente en la parte visual, si llego a 0 me salta el mensaje ese que tengo en el v-else "llegaste a 0" pero yo quiero hacer en la parte del script, porque cuando llegue a 0 tendría que ejecutar un metodo, como se les ocurre que podría hacer?
Sin más preámbulos les dejo el código.
HTML
<div id="vue">
<div v-if="timerCount > 0">
{{ timerCount }}
</div>
<div v-else>
llegaste a 0
</div>
</div>
VUE
<script>
var vue = new Vue({
el: "#vue",
data:{
timerCount: 30
},
watch: {
timerCount: {
handler(value) {
if (value > 0) {
setTimeout(() => {
this.timerCount--;
}, 1000);
}
},
immediate: true
}
}
});
</script>
Desde ya muchas gracias por la ayuda, Saludos cordiaales.