可编辑、完成和删除的购物清单 | 星雨笔录

核心： 购物清单给每条记录稳定 ID，增删改只针对匹配 ID，并同步更新视图。

最小示例：

let list = [{ id: 1, name: '牛奶', done: false }];
list = list.map(item => item.id === 1 ? { ...item, done: true } : item);
list = list.filter(item => item.id !== 1);

学完能做： 完成清单项编辑、状态切换及删除。