Este one-liner en svelte se ejecutará cada vez que cambie el valor de someVar.
$: console.log({someVar}); Svelte llama a esto una declaración reactiva , el código después de la etiqueta $ , lo que Svelte llama el "operador de destino" se ejecutará cada vez que cambie cualquier variable a la que se haga referencia en él.
Esto es realmente útil para la depuración. ¿Vue tiene algo similar?
La API más similar probablemente sería watchEffect() :
watchEffect(() => console.log(someVar.value))Ejemplo:
<script setup> import { ref, watchEffect } from 'vue' const someVar = ref(0) watchEffect(() => console.log(someVar.value)) </script> <template> <button @click="someVar++">Increment {{ someVar }}</button> </template>