文档入门 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 及其 Logo 版权归 Svelte 团队所有。