todos-vue

学习vue的小demo

技术

• vue.js
• vuex
• ES6
• webpack

实现的功能有

• 显示todo列表
• 添加新的todo项目
• 删除指定的todo项目
• 修改当前todo项目的完成与否的状态
• 批量修改全部todos项目的完成状态
• 统计未完成的todos
• 根据条件筛选当前显示的todo列表
• 批量删除已完成的todos
• 双击实现编辑已存在的todo项目

组件的划分

• App
• AddTodo
• TodoList
• Todo
• TodoFooter

---

使用vuex进行状态统一管理,vuex在大项目中作用比较明显,此处仅为练手