学员

组件上也可以绑定原生DOM事件，需要使用native修饰符;注意：通过this.$refs.xxx.$on('xuesheng',回调)绑定自定义事件时，回调要么配置在methods中，要么用箭头函数

解绑自定义事件:解绑一个自定义事件;解绑多个自定义事件;解绑所有自定义事件;生命周期的beforeDestroy和Destroyed:销毁MyStudent的vc;销毁root的vm

Js的内置事件;实现将子组件的数据传到父组件:通过父组件给子组件传递函数类型的props实现;通过父组件给子组件绑定一个自定义事件实现:1.使用@或v-on;2.使用@或v-on

TodoList-本地存储：通过watch来监视todos，将todos数据放到本地存储上；在网页上读取本地存储数据；解决清空本地存储后会报错；用watch的深度监视来解决本地存储对done的更新

通过JSON.stringfy()可以将 JavaScript 值转换为 JSON 字符串；S会话存储的内容会随着浏览器窗口关闭而消失；本地存储的内容，需要手动清除才会消失

本小结就是对前面那些实现待办项网页文章的总结，这个待办项网页这个案例就是典型的组件化编码流程，这个只是我们的第一个版本，后面我们可能会对其进行进一步改进。

待办事项网页实现-底部交互：1.准备；2.实现全选或取消全选（这里可以用v-model）；3.实现清除已完成事项

待办事项网页实现-底部：计算所有事项的总和；计算已完成事项的总和（数组方法reduce，也可以用filter）

待办事项网页实现-删除：鼠标经过显示删除按钮；点击删除按钮删除事项（给按钮加一个点击事件；按钮点击获取id；删除之前进行一次确认；在app加一个删除方法；把app的deleteTodo传给Item）