本文采用vue2.0+vuex+localStorage+sass+webpack,实现一个本地存储的记事本。兼容PC端和移动端。
实现效果
功能说明
支持回车添加事件
支持事件状态切换
添加事件 -> 进入未完成列表
未完成 -> 已完成(勾选checkbox)
未完成 -> 已取消(点击取消按钮)
已完成 -> 未完成(取消勾选checkbox)
已取消 -> 未完成(点击恢复按钮)
支持控制台打印所有事件数据
支持筛选事件
支持编辑事件
支持删除事件
支持清空所有事件
支持本地化存储
支持折叠面板
项目笔记