Svelte 组件的基础类,带有一些小的开发增强功能。在 dev=true 时使用。
可以用于创建强类型的 Svelte 组件。
你有一个 npm 上的组件库名为 component-library,你从中导出一个名为 MyComponent 的组件。对于 Svelte+TypeScript 用户,你想要提供类型定义。因此你创建了一个 index.d.ts
import { SvelteComponent } from 'svelte'
export class MyComponent extends SvelteComponent<{ foo: string }> {}
import { SvelteComponent } from 'svelte'
export class MyComponent extends SvelteComponent<{ foo: string }> {}
这样进行类型定义使得像 VS Code 这样的 IDE 配合 Svelte 扩展可以提供智能提示,并且可以在带有 TypeScript 的 Svelte 文件中像这样使用组件
<script lang="ts">
import { MyComponent } from 'component-library'
</script>
<MyComponent foo={'bar'} />
<script lang="ts">
import { MyComponent } from 'component-library'
</script>
<MyComponent foo={'bar'} />
• Props extends Record<string, any> = any
• Events extends Record<string, any> = any
• Slots extends Record<string, any> = any
[prop: string]: any
new HydrationBoundary<Props, Events, Slots>(options): HydrationBoundary<Props, Events, Slots>
new HydrationBoundary<Props, Events, Slots>(options): HydrationBoundary<Props, Events, Slots>
• options: ComponentConstructorOptions<Props>
HydrationBoundary<Props, Events, Slots>
SvelteComponent_1<Props, Events>.constructor
node_modules/.pnpm/svelte@4.2.18/node_modules/svelte/types/index.d.ts:144
$$: any
$$: any
请勿使用,随时可能更改
SvelteComponent_1.$$
node_modules/.pnpm/svelte@4.2.18/node_modules/svelte/types/index.d.ts:102
$$events_def: Events
$$events_def: Events
仅用于类型检查功能。运行时不存在。
node_modules/.pnpm/svelte@4.2.18/node_modules/svelte/types/index.d.ts:158
$$prop_def: Props
$$prop_def: Props
仅用于类型检查功能。运行时不存在。
node_modules/.pnpm/svelte@4.2.18/node_modules/svelte/types/index.d.ts:151
$$set: any
$$set: any
请勿使用,随时可能更改
SvelteComponent_1.$$set
node_modules/.pnpm/svelte@4.2.18/node_modules/svelte/types/index.d.ts:109
$$slot_def: Slots
$$slot_def: Slots
仅用于类型检查功能。运行时不存在。
node_modules/.pnpm/svelte@4.2.18/node_modules/svelte/types/index.d.ts:165
$capture_state(): void
$capture_state(): void
void
node_modules/.pnpm/svelte@4.2.18/node_modules/svelte/types/index.d.ts:167
$destroy(): void
$destroy(): void
void
SvelteComponent_1.$destroy
node_modules/.pnpm/svelte@4.2.18/node_modules/svelte/types/index.d.ts:111
$inject_state(): void
$inject_state(): void
void
node_modules/.pnpm/svelte@4.2.18/node_modules/svelte/types/index.d.ts:169
$on<K>(type, callback): () => void
$on<K>(type, callback): () => void
• K extends string
• type: K
• callback: undefined | null | (e) => void
函数
void
SvelteComponent_1.$on
node_modules/.pnpm/svelte@4.2.18/node_modules/svelte/types/index.d.ts:113
$set(props): void
$set(props): void
• props: Partial<Props>
void
SvelteComponent_1.$set
node_modules/.pnpm/svelte@4.2.18/node_modules/svelte/types/index.d.ts:115