跳至主要內容

svelte/reactivity

Svelte 提供了各種內建的反應式版本,例如 SvelteMapSvelteSetSvelteURL。這些可以從 svelte/reactivity 導入,並像其原生對應物一樣使用。

<script>
	import { SvelteURL } from 'svelte/reactivity';

	const url = new SvelteURL('https://example.com/path');
</script>

<!-- changes to these... -->
<input bind:value={url.protocol} />
<input bind:value={url.hostname} />
<input bind:value={url.pathname} />

<hr />

<!-- will update `href` and vice versa -->
<input bind:value={url.href} />
import {
	class SvelteDateSvelteDate,
	class SvelteMap<K, V>SvelteMap,
	class SvelteSet<T>SvelteSet,
	class SvelteURLSvelteURL,
	class SvelteURLSearchParamsSvelteURLSearchParams
} from 'svelte/reactivity';

SvelteDate

class SvelteDate extends Date {}
constructor(...params: any[]);
#private;

SvelteMap

class SvelteMap<K, V> extends Map<K, V> {}
constructor(value?: Iterable<readonly [K, V]> | null | undefined);
set(key: K, value: V): this;
#private;

SvelteSet

class SvelteSet<T> extends Set<T> {}
constructor(value?: Iterable<T> | null | undefined);
add(value: T): this;
#private;

SvelteURL

class SvelteURL extends URL {}
get searchParams(): SvelteURLSearchParams;
#private;

SvelteURLSearchParams

class SvelteURLSearchParams extends URLSearchParams {}
[REPLACE](params: URLSearchParams): void;
#private;

在 GitHub 上編輯此頁面

上一頁 下一頁