文档入门 Runes 参考

入门概述概述快速开始 .svelte 文件 .svelte.js 和 .svelte.ts 文件

Runes 概述什么是 runes（符文）？$state $derived $effect $props $bindable $inspect $host

模板语法概述基础标记 {#if ...}{#each ...}{#key ...}{#await ...}{#snippet ...}{@render ...}{@html ...}{@attach ...}{@const ...}{@debug ...}{let/const ...}bind use:transition:in: and out:animate:style:class await

样式概述作用域样式全局样式自定义属性嵌套的 <style> 元素

特殊元素概述 <svelte:boundary><svelte:window><svelte:document><svelte:body><svelte:head><svelte:element><svelte:options>

运行时概述状态存储（Stores）上下文（Context）生命周期钩子命令式组件 API 可水合数据（Hydratable data）

Misc 概述最佳实践测试 TypeScript 自定义元素浏览器支持 Svelte 4 迁移指南 Svelte 5 迁移指南常见问题

参考概述 svelte svelte/action svelte/animate svelte/attachments svelte/compiler svelte/easing svelte/events svelte/legacy svelte/motion svelte/reactivity/window svelte/reactivity svelte/server svelte/store svelte/transition Compiler errors Compiler warnings Runtime errors Runtime warnings

旧版 API 概述概述响应式的 let/var 声明响应式的 $: 语句 export let $$props 与 $$restProps on:<slot>$$slots <svelte:fragment><svelte:component><svelte:self>命令式组件 API

文档总览

Svelte 中文文档

入门

概述
快速开始
.svelte 文件
.svelte.js 和 .svelte.ts 文件

Runes

什么是 runes（符文）？
$state
$derived
$effect
$props
$bindable

模板语法

基础标记
{#if ...}
{#each ...}
{#key ...}
{#await ...}
{#snippet ...}

样式

作用域样式
全局样式
自定义属性
嵌套的 <style> 元素

特殊元素

<svelte:boundary>
<svelte:window>
<svelte:document>
<svelte:body>
<svelte:head>
<svelte:element>

运行时

状态存储（Stores）
上下文（Context）
生命周期钩子
命令式组件 API
可水合数据（Hydratable data）

Misc

最佳实践
测试
TypeScript
自定义元素
浏览器支持
Svelte 4 迁移指南

参考

svelte
svelte/action
svelte/animate
svelte/attachments
svelte/compiler
svelte/easing

旧版 API

概述
响应式的 let/var 声明
响应式的 $: 语句
export let
$$props 与 $$restProps
on:

本网站内容为 Svelte 官方文档的中文翻译，仅供学习参考。Svelte 及其 Logo 版权归 Svelte 团队所有。