Svelte 的单文件组件（.svelte）结构是怎样的？

1. 脚本块

单文件组件通常以一个脚本块开头，用 JavaScript 或 TypeScript 书写组件的逻辑，包括变量声明、响应式状态（如 $state）、派生值、事件处理函数等。可通过 lang 属性指定为 TypeScript。

2. 模板块

模板块使用类 HTML 语法描述界面结构，通过花括号表达式输出动态内容，并使用 {#if}、{#each} 等标签进行条件与循环渲染。模板中的事件属性直接绑定到脚本中定义的函数。

3. 样式块

样式块用于编写组件级别的 CSS。Svelte 默认对样式做作用域隔离，样式只作用于当前组件，避免不同组件之间的样式冲突。