SolidJS 不使用虚拟 DOM，采用直接 DOM 操作和细粒度更新机制：

**工作原理**：
1. **编译时优化**：将 JSX 编译为高效的 DOM 创建和更新代码
2. **细粒度追踪**：每个 signal 都知道依赖它的 DOM 节点
3. **直接更新**：状态变化时直接更新对应的 DOM 节点

**示例对比**：
```javascript
// React - 虚拟 DOM diff
function Counter() {
  const [count, setCount] = useState(0);
  return <div>{count}</div>;
}
// 每次更新都会重新渲染整个组件

// SolidJS - 细粒度更新
function Counter() {
  const [count, setCount] = createSignal(0);
  return <div>{count()}</div>;
}
// 只更新 {count()} 对应的文本节点
```

**性能优势**：
- 无需虚拟 DOM diff 算法
- 避免不必要的 DOM 操作
- 更小的内存占用
- 更快的更新速度

**实现机制**：
- 使用 `createSignal` 创建响应式状态
- 编译器将 JSX 转换为 `insert`、`createComponent` 等运行时函数
- 每个表达式都被包装在响应式上下文中
- 自动建立 signal 与 DOM 节点的依赖关系

**适用场景**：
- 大型列表渲染
- 高频更新的应用
- 需要极致性能的场景

SolidJS 为什么不使用虚拟 DOM？它是如何实现高性能的？