如何在Svelte中有效地管理全局状态

在Svelte中，可以使用store来有效地管理全局状态。通过store，可以创建一个可在整个应用中访问的状态容器，以确保应用的各个组件之间可以共享和更新数据。

首先，可以使用Svelte的writable函数来创建一个可写的store，它允许修改存储在其中的数据。例如：

// store.js
import { writable } from 'svelte/store';

export const count = writable(0);

然后，可以在应用的任何组件中导入该store，并订阅其值的更改。例如：

<!-- App.svelte -->
<script>
  import { count } from './store.js';
</script>

<button on:click={() => $count += 1}>
  Increment
</button>

<p>The current count is {$count}</p>

<script>
  $: count.subscribe(value => {
    console.log(value);
  });
</script>

通过这种方式，可以在整个应用中共享和更新全局状态。当store中的值发生变化时，所有订阅了该store的组件都会立即得到通知，并更新其内容。这种方式可以有效地管理全局状态，确保各个组件之间的数据同步和一致性。