SolidJS 速查
共 25 条 SolidJS 速查：响应式核心、组件与渲染、生命周期与异步、状态与路由、工具。 支持搜索与分类筛选，点击即可复制。
响应式核心
细粒度响应式，无虚拟 DOM。
| 命令 | 说明 |
|---|---|
| 创建信号（读取 count()） | |
| 更新（支持函数式） | |
| 副作用（自动追踪依赖） | |
| 派生计算（缓存） | |
| 全局状态写法 |
组件与渲染
控制流组件。
| 命令 | 说明 |
|---|---|
| 函数组件（props 不自动解构） | |
| 条件渲染 | |
| 列表渲染 | |
| 索引稳定的列表 | |
| 多分支 | |
| 子节点 |
生命周期与异步
副作用钩子。
| 命令 | 说明 |
|---|---|
| 挂载后执行 | |
| 清理（取消订阅等） | |
| 异步资源 | |
| 依赖变化的异步 | |
| 资源状态 |
状态与路由
store 与路由。
| 命令 | 说明 |
|---|---|
| 嵌套状态（细粒度更新） | |
| 按路径更新 | |
| 路由 | |
| 定义路由 | |
| 路由参数 / 跳转 |
工具
脚手架与构建。
| 命令 | 说明 |
|---|---|
| 用模板创建项目 | |
| 用 Vite 创建 | |
| 开发 / 构建（基于 Vite） | |
| 调试工具 |
使用说明
SolidJS 速查：响应式核心、组件与渲染、生命周期与异步、状态与路由、工具；支持搜索与分类筛选，点击即可复制。
- 按用途点分类：响应式核心、组件与渲染、生命周期与异步、状态与路由、工具。
- 点「命令」列复制到组件代码。
- 用 signal() 取值、setXxx() 更新；不要在 props 上直接解构（会丢失响应性）。
- 条件与列表用 Show/For 等控制流组件，而非 JS 表达式。
常见问题
- Solid 和 React 最大差别？
- Solid 是细粒度响应式、无虚拟 DOM，更新直接作用于真实节点；函数组件只执行一次，依赖通过 signal 追踪。
- 为什么不能解构 props？
- 解构会立即取值、断开响应追踪；应写成 props.title 或使用 splitProps/mergeProps。
- 需要联网吗？
- 速查内容本地可用；安装依赖需联网。