todolist项目改造

todolist项目改造

数据持久化，我们网络还没有学，这里使用本地持久化

持久化，就是对数据的保持，数据都在App.vue里面，我们统一在这里，一般是封装一些工具类

一、本地持久化

这里使用深度监视来进行本地持久化的处理

• 一般工具类都放在一个文件中，如下图，这个工具类需要对数据进行读和存，定义好之后，在App.vue里面引入就可以使用了

• 思考存的工具类

存的动作是在所有的todos改变时都要触发，那就只要监视todos值值得改变就可以了

而且这里必须要深度监视：这里监视的内容是数组，里面又有对象，这里就需要深度监视了，如果数组里面都是字符串等简单数据类型就不需要深度监视

下面只要todos发生改变了，就会保存到本地：

二、使用自定义事件改造下面

这里主要是把所有知识都运用上去，我们回顾下，自定义事件适