Qwik 速查
共 24 条 Qwik 常用写法，涵盖基础、状态、事件与 props、Qwik City 路由、核心理念。 支持搜索与分类筛选，点击即可复制。
基础
为「可恢复性」而生的框架。
| 命令 | 说明 |
|---|---|
| 创建项目 | |
| 开发与构建 | |
| 定义组件（component$） | |
| $ 边界 | |
| 预览 |
状态
细粒度响应式。
| 命令 | 说明 |
|---|---|
| 单个响应式值 | |
| 响应式对象 | |
| 服务端可跑的副作用 | |
| 仅客户端副作用 | |
| 派生值 |
事件与 props
减速器风格。
| 命令 | 说明 |
|---|---|
| 事件（$ 懒加载） | |
| 传入 props | |
| 插槽 | |
| 状态上提 | |
| 修饰符 |
Qwik City 路由
文件路由与数据。
| 命令 | 说明 |
|---|---|
| 文件路由 | |
| 数据加载器 | |
| 消费数据 | |
| 布局 | |
| 服务端动作 |
核心理念
为什么快。
| 命令 | 说明 |
|---|---|
| 恢复执行 | |
| 懒加载 | |
| SSR | |
| SEO |
使用说明
Qwik 常用写法速查：基础、状态、事件与 props、Qwik City 路由、核心理念；支持搜索与分类筛选，点击即可复制。
- 按用途点分类：基础、状态、事件与 props、Qwik City 路由、核心理念。
- 点「写法」列复制，替换组件与状态后使用。
- 加 $ 后缀的函数是懒加载边界，事件与副作用都应带 $。
- 在浏览器专属逻辑用 useVisibleTask$，服务端可跑的用 useTask$。
常见问题
- 可恢复性（resumability）是什么？
- 传统 SSR 需在客户端「重播」框架代码来恢复状态；Qwik 把状态与交互序列化进 HTML，命中时直接从断点续跑，无需重播，因此启动极快。
- useTask$ 和 useVisibleTask$ 有何区别？
- useTask$ 可在服务端执行，适合数据处理与派生；useVisibleTask$ 只在组件进入视口/浏览器时执行，适合访问 window、DOM 或第三方库。
- 为什么到处是 $？
- $ 标记懒加载边界，让构建器把对应函数单独打包、按需下载，从而把首屏 JS 降到最小。