Svelte Store
custom stores
import { writable } from 'svelte/store'; function createCount() { const { subscribe, set, update } = writable(0); return { subscribe, increment: () => update(n => n + 1), decrement: () => update(n => n - 1), reset: () => set(0) }; } export const count = createCount();
<script> import { count } from './stores.js'; </script> <h1>The count is {$count}</h1> <button on:click={count.increment}>+</button> <button on:click={count.decrement}>-</button> <button on:click={count.reset}>reset</button>
writable stores
<script> import { writable } from 'svelte/store'; export const count = writable(0); const unsubscribe = count.subscribe(value => { count_value = value; }); function decrement() { count.update(n => n - 1); } function reset() { count.set(0); } </script>
관련 문서
Plugin Backlinks: 아무 것도 없습니다.