There is $watch... is there a way to 'un-watch' ?

[anentropic]

Basically what's in the title.

We can:

<div x-data="{ open: false }" x-init="$watch('open', value => console.log(value))">
    <button @click="open = ! open">Toggle Open</button>
</div>

to 'watch' a data property and execute some code when it changes

is there a way to 'unwatch'?

[ekwoka]

Yes, just remove the property.

[anentropic]

which property on what?

[ekwoka]

well, really the element.

the effect is bound to the element.