mirror of
https://github.com/Dichgrem/Vue.git
synced 2025-12-16 13:41:59 -05:00
33 lines
1.0 KiB
Markdown
33 lines
1.0 KiB
Markdown
# 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 # 全局样式
|
||
```
|