Svelte:使用基于模块上下文变量的响应式(Reactive)语句

Question

我想使用跨组件的多个实例共享的代码来启动每个组件内的代码。

我尝试使用响应式(Reactive)语句来做到这一点:

<script context="module">
    let what = 0;
</script>

<script>
    export let number;
    $: if (what === number) [...]
</script>

但对 what 的更改不会触发该 react 性语句的重新运行。

为什么这个 REPL 不起作用，我该如何解决？

https://svelte.dev/repl/38b94490982f4f3c80644fd364b50723?version=3.16.0

Answer 1

将 what 更改为 writable 似乎可以解决问题:

<script context="module">
    import { writable } from 'svelte/store';
    const what = writable(0);
</script>

<script>
    export let number;
    $: if ($what === number) [...]
</script>

https://svelte.dev/repl/f667f3eb6b7d453da1473d5e26268814?version=3.16.0