Svelte: использование реактивного оператора на основе переменной контекста модуля

Я хочу использовать общий код для нескольких экземпляров компонента, чтобы запускать код внутри каждого компонента.

Я попытался сделать это с помощью реактивного оператора:

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

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

Но изменения в what не вызывают повторного запуска этого реактивного оператора.

Почему этот REPL не работает и как это исправить?

https://svelte.dev/repl/38b94490982f4f3c80644fd3versionb50= >


svelte svelte-component
person James Nisbet    schedule 03.12.2019    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Изменение what на writable, похоже, решает проблему:

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

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

person James Nisbet    schedule 04.12.2019
comment
Использование хранилища в context="module" скрипте - действительно рекомендуемый способ сделать это. Переменные, определенные в module скриптах, не являются реактивными - их переназначение не вызовет повторную визуализацию, даже если сама переменная обновится. Для значений, совместно используемых несколькими компонентами, рассмотрите возможность использования store. - person Tholle; 04.12.2019