Vue

概述

这是一个基于 Vue 3 + Pinia 的轻量级待办事项 (Todo) 项目，具有以下功能：

• 添加/删除/编辑待办事项
• 按照全部 / 未完成 / 已完成进行筛选
• 拖拽排序待办事项
• 一键清除已完成事项
• 本地存储 (localStorage) 数据持久化
• 控制台打印操作日志，便于调试

结构

.
├── App.vue              # 根组件，管理整体状态和方法
├── main.js              # 项目入口
├── stores/todo.js       # Pinia 状态管理，存储 todos 数据和操作方法
├── components
│   ├── TodoHeader.vue   # 输入框和添加功能
│   ├── TodoList.vue     # 待办事项列表，支持编辑和拖拽排序
│   └── TodoFooter.vue   # 底部统计、筛选和清除已完成
├── assets               # 静态资源（CSS/图片）
└── style.css            # 全局样式