# Vue

<p align="center">
  <img src="https://github.com/Dichgrem/Vue/blob/main/todos/view.png" width="300">
</p>

## 概述

这是一个基于 **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            # 全局样式
```
