#Svelte

2025-06-11

{#await...}

{#await...} 是 [[Svelte]] 中的异步语句,用于等待异步操作完成。

2025-06-11

{#each...}

{#each...} 是 [[Svelte]] 中的循环语句,可以遍历数组、对象等可迭代对象。

2025-06-10

$props(...)

$props 是 Svelte 中的一个 rune,用于在组件中声明和访问 props,它提供了一种更简洁和类型安全的方式来处理组件的属性。

2025-06-10

{#if...}

{#if...} 是 [[Svelte]] 中的条件语句,可以实现条件渲染。

2025-06-09

$derived(...)

在 [[Svelte]] 中通过 $derived 创建派生状态,和 [[Svelte/runes/state|$state(...)]] 不同,$derived 是只读的。

2025-06-09

$effect(...)

$effect 是 [[Svelte]] 中的一个 Rune,和 [[Svelte/runes/inspect|$inspect(...)]] 类似,都能在值变化时重新运行,但不同的是 $effect 可以执行自定义的响应式操作。

2025-06-09

$inspect(...)

$inspect 是 [[Svelte]] 中的一个 Rune,类似 [[console.log]] 会在控制台输出变量的值,不同的是当参数值发生变化时 $inspect 会重新运行。

2025-06-09

$state(...)

在 [[Svelte]] 中通过 $state 创建响应式状态,当状态发生变化时,对应 UI 也会同步响应。

2025-06-09

{@html...}

在 [[Svelte]] 中可以通过 @html 标签,可以把原始的 [[Language/HTML|HTML]] 注入到组件中。

2025-06-05

关于 Svelte 基础以及 Reactivity, Props 和 Logic

关于学习 [[Svelte]] Tutorial 的简要笔记。