第 21 课2026.09.29
为上一课列表中的每条记录绑定稳定 ID。
第 21 课：为练习记录添加稳定标识
- 日期：2026-09-29
- 课程序号：第 21 课
- 知识点：
v-for的key
用途或适用场景
为上一课列表中的每条记录绑定稳定 ID。
核心概念
本课沿用上一课的示例与命名，只增加“v-for 的 key”这一项；先保留既有结果，再观察新增步骤带来的变化。
最小代码或操作示例
text
<li v-for="item in lessons" :key="item.id">{{ item.minutes }} 分钟</li>3～5 分钟练习
照着示例完成一次，再替换一个输入值或操作对象，确认新增步骤仍然只影响预期结果。
参考答案
能复用上一课产出完成示例，并得到与“为上一课列表中的每条记录绑定稳定 ID。”一致的结果；其余既有状态保持不变。
与上一课的联系
继承第 20 课“显示已提交时长列表”的同一数据、对象与操作路径；本课只新增v-for 的 key；完成后下一课可在此结果上补充边界或发布前验证。
时效校验
时效校验：2026-09-29（已打开并核对官方当前文档；适用版本：Vue 3.5+；未见本课用法的废弃标记）。