项目：记账小助手

项目概览

记录日常收支，按分类查看统计，了解钱花在哪了。

⏱️ 预计 2 小时 | 🛠️ Vue 3 + localStorage

你将学到： 表单处理、分类筛选、统计计算、图表展示

功能清单

• 添加收入/支出记录（金额、分类、备注、日期）
• 预设分类：餐饮、交通、购物、娱乐、工资、其他
• 记录列表，按日期排序
• 本月总支出/总收入统计
• 分类饼图（用 Chart.js）
• 数据存 localStorage

跟着做

帮我做一个记账应用（Vue 3）：
1. 顶部显示本月总收入、总支出、结余
2. 添加记录表单：类型（收入/支出）、金额、分类、日期、备注
3. 记录列表：每条显示分类图标、金额、备注、日期
4. 分类统计区域：饼图展示各分类占比（安装 chart.js）
5. 预设分类：🍔餐饮 🚗交通 🛒购物 🎮娱乐 💰工资 📋其他
6. 收入和支出用不同颜色（绿色/红色）
7. 数据存 localStorage
8. 简洁的卡片式设计

🎯 延伸挑战

• 加上月度对比（本月 vs 上月）
• 导出 CSV 报表
• 设置月度预算，超支提醒
• 同步到 Supabase

✅ 项目成果

• 一个日常可用的记账工具
• 学会了数据统计和图表的结合
• 理解了收入/支出的分类管理