TodoList经典案例

头部

1. 使用v-model来双向绑定title​​​​​​​
2. @keydown.enter="show" 绑定键盘回车事件
3. 下载nanoid之后  引入import {nanoid} from 'nanoid' 
4. 得要在v-model上面添加 ，trim清除空格 !this.title 代表空的时候弹出 alert
5. 引入App.vue时要this.函数名（）

内容区域

1. 使用：props:['todo','deleteTodo','checkTodo'],来接收App.vue传输过来的方法
2. if(confirm("确定要删除吗？")){ } confirm写一个确定和取消的按钮

App.vue

1. 引入子组件 ：import TodoHeader from '@/components/TodoHeader'
2. 注册子组件：components: {TodoHeader} 
3. 使用子组件： 向子元素传输函数需要加 ：
4. 添加功能：this.todos.unshift(todoObj)
5. 使用filter来过滤实现删除功能: this.todos=this.todos.filter(todo=>todo.id!==id)
6. 使用forEach来循环全部的todo数据