73_尚硅谷_Vue__vuex_todolist应用_缓存数据

啊，就是呃，我首先有数据存储，这是必然的，对吧？啊，我譬如说我给他构建，我一刷还是这个样子，而且吧，我模拟一下，假设数据是在服务器那边。对吧，那也就是说我并不能马上显示。我要说刷新以后过一秒才显示出来。能不能，那是不是模拟可以做一个异步操作呀，好。来看一下，首先啊，我们要去看一下什么时候去有一个读，是不是有一个写啊。读我们要去异步的读，那异步的读我们什么时候去异步的读啊？啊，大家想看啊，我们这个地方啊，我们完全可以在这一个我们的，比如说APP里面，诶，这这个这个。在这里我们是不是一上来可以异步的，相当于发请求获取数据啊，写个什么回调函数mounted啊，这个应该能想到啊。

也就是说啊，OK，这个。是要去啊异步获取什么数据啊，保存的啊数据。并显示对不对，并显示，那并要显示是不是要更新状态呀，那这个事情都不是我们该做的，就都不是需要他来做，而需要谁来做了来做。是acting来做什么意思？大家回想一下我们前面看到的那个那个图，我们说这个action里面干嘛去，是不是跟后台进行交互的呀？能不能懂，而我现在唯一要做的就是发一个命令过去，我在里面，我在这个里面，我得发一个命令，懂不啊，发送命令。

什么叫发送命令呢？怎么样发送命令让action调用吗？啊，对啊，OK，给谁。那其实非常简单，就this点多多点让他去干嘛，去获取todo吧，那我就来个或者请求todo对不对啊，比如说来个IQ todo。可以吧，好那。我下一步写了一个文件。对吧，好，那下面我们是不是有一个啊叫异步获取啊，获取to do啊更新状态。嗯，更更新状态对吧，但它不能仔细更新对不对，好来搞一搞他。

就这个名字吧，好，来第一个。固定的commit肯定要写。那下面我肯定要模拟去做，对不对，要一秒钟怎么办啊，模拟啊，这是模拟来set timeout，箭头函数先写好，不管他需不需要都写上箭头函数对吧，一秒。对吧，好在这个里面先有两步，第一步获取读取数据，能到吧读取数据。啊，现在我的数据是不是存在local storage里面了，那我是不是有对应的模块去做的来着，我不有一个storage you tell这样一个模块吗？对吧？From来看一下结构。

我有啊，是这个吗。能不能看到好，来回退一下us下面的12级能能看到，好，我用它来去读。爹。我们取名叫瑞，叫什么名字其实无关紧要，就我们定义的这个名字对不对，得到的就是一个什么。反馈的结果是什么呢？什么东西read todo，什么东西你不读读do什么？是吗？好干嘛去，我要去更新状态，更新状态实际上就要干嘛去提交一个mutation嘛。对吧，啊，OK，来有个me的呗，需要给一个名字吧，这一个mutation是不是要接收一个to。

那我来写一个名字，我的这个名字就跟他不太一样了，前面是不是都是一样的名字，这一次不一样。我写一个大家就能懂了，大家看到我写一个receive todo接收todo什么有没有看懂，那当然我要把谁传过去，Todo传过去。那这个时候我们是不是需要去加一个来，先加上再说啊，再去写。这个能看懂吧，好，这里变成小写，这个是接收什么to。能懂好，能懂以后下面我们是不是写这个，写它的时候先把这个引入是吧，再写一个对应的函数。函数名是固定的，叫receive to。

而除了state，还要传一个什么todo，其实这个里面非常的简单，你不接受todo吗？这不就要接受去吗，对吧？能不能看到来好了，现在我们只写了一个操作叫读是吧，还一个东西什么保存，或者叫写关键视什么时候写啊，还记得吗？是不是它一旦变化就写啊，我要监视就60关键在哪个组件里面监视到，我在这个组件里能监视吗？我坚持不了，为什么坚持不了呢？因为我当前组建对象没有这个属性。能懂不？我们监视的是组件对象的某个属性，我根本就没有，哪里有了啊，我们的这一个main里面有，你不能state state，你没法写监视的代码，主要是啊，我们还有一些组件。

还有一个组件叫may。为什么他可以呢？因为我有一个这个。能看到吧，我是不是有一个计算属性叫图60，计算属性也会成为谁的属性组件对象的属性。那也就是说，我需要在这里面写个什么watch监视。咱们看到监视的是谁？To对吧，而且我们还有一个概念叫什么深度监视，这个不懂啊，叫深度什么监视。没问题是吧，好，还有一个处理的函数是吧，叫handle德ler handle德ler就是处理函数的啊处理器，哎，Handle德了，没问题吧，好，它实际上是个方法，我可以这么写呗，啊没不用啊，完全不用，我们是不是对应的是一个，我们有一个函数。

还记得我们说过那个函数来引入一下，引入一个函数啊，引入storage u tell from，点点斜杠。A us下面的story。我有一个什么样的函数呢？C，而且还不要掉。还记得吧，这个是跟大家分析过的。能看到吧，啊，这个我们是要去监视啊，监视啥，监视todo的所有变化，那不就深度监视吗？能不懂？而一旦发现了变了，我干嘛去？是不是保存todo到哪里去？

能不能，嗯，好，那现在我们就来看一下，看看我们行不行。先刷一下没有是吧，诶已经有了是吧，这一下就搞了好来还要继续测一下，稍微测一下删除。再说一下。嗯，OK。可以吧，可以啊，没有问题，当然你按说正最好的方式应该把整个浏览器关闭是吧？啊，再给他打开浏览器。因为我们要证明是local storage。而且是不是有延迟一秒的效果。就可以了。那也就是说，其实在用VX去搞个搞异步还是很轻松的啊，不用另外装什么插件啊，什么乱七八糟的。

那这样的话，我们就把这一个全部都改造好了，那后面的时间呢，大家就要自己把这个写出来。