常见坑
这篇按「症状 → 原因 → 正确写法」排错。先对症状，再改代码。
学完能做什么： 对照表格定位自己的问题。
前置： 最好已经做过 待办应用，没有也可以当速查表。
| 症状 | 原因 | 正确写法 |
|---|---|---|
黑屏，日志 create_function: value is not an object | 事件绑定里写了 {{ }} | onclick="openDetail(item)" |
| 改了数据，界面不动 | 字段没进 data，或没用 $set | data: { title: '' } 再 this.title = 'x' |
改了 todos[i].done，列表不刷新 | 嵌套字段可能不触发更新 | this.todos = next |
| 屏幕上没有字 | 文案写在 <div> 里 | <text>内容</text> |
router.push 没反应 | 页面没进 manifest.router.pages | 目录名与 pages key 一致 |
storage / fetch 失败 | 未声明 features，或未处理 fail | manifest 声明 + 每个调用带 fail |
| 圆角看不见 | 只写了 border-radius | 同时设 border-width 和 border-color（或用四角分开的 radius） |
| 布局错乱、间距没有 | 用了 gap、display: block、或 Tailwind 放出的 flex: 1 1 0% | flex + 子元素 margin；需要时手写 flex: 1 |
for 顺序反了 | 按 Vue 写成 (item, index) | (index, item)，下标在前 |
- 黑屏先查事件里的
{{ }}。 - 不更新先查
data/ 整表赋值。 - API 失败先查
features和fail。
下一篇：接下来去哪