alpine.reactive how to use globally

[ericxin1982]

Hi,

I want to do some experiment, I am very new to alpine, but I like it.
I want to do global reactive and effect experiment, but I have no idea why it does not work.

I use a button in some small x-data scope to click trigger event to make data.count = 2, and console warned me data.count is not defined.

Thanks
Eric Xin

[ericxin1982]

<button @click="data.count = 2">Fire

I try to understand how global reactive and effect works.

Thanks
Eric Xin

[SimoTod]

let data inside a closure is not a global variable. Let makes your variable available only in the block were it's defined. In general, variables scoped globally are not a great idea since other scripts can override them without you realising it, leading to bugs hard to reproduce

[ericxin1982]

Ok.

[ekwoka]

If you must, you'd need to do window.data = Alpine.reactive({ count: 0 })

But you might also just want to use a store

since stores are available globally..

[ericxin1982]

Thanks