72_尚硅谷_Vue__vuex_todolist应用_footer组件

那下面再回来看，那历史搞完了。太那个完了，学谁了？Foot foot，这是里面，这里面最难的一个，是里面最难的一个哈。再来也要个狗利吧。来看一下。首先看他接受什么啊，这些接受的基本上都没了，看了吗？基本上都没了，给他们什么呢？干掉。但他们肯定需要一些东西，对吧，好，先说显示说这个地方它需要一个。完成的数量需要一个什么总数量吧，这些根据谁就可以统计出来。Todo，也就是说大家看到我们现在UX里面管理的这个todo对吧，那基于它的所有计算属性应该都定义在这个里面。对不对，OK，包含所有啊啊，基于state的计算属性。

对象。懂不懂，那也就是说现在我们可以写两个。一个叫total count，什么意思？是不是总数量，总数量太容易了，State to。是不是很简单啊，简单的不行啊，总数量。还有一个什么。是完成的数量啊，OK，完成数量，完成的数量好，完成数量我们用一个complete看吧，Size可以吧，Count count，因为都用count，就都用count这个意思，别一个一个用count，一个用size就好了。

能看到吧，好，上面应该有个逗号是吧？好，来写是对的。好吧，这次是不是统计这个统计工作，咱前面在这个item里面是不是整过。啊，整过这样一个事情来，哎，怎么没了呢？比如it是foot啊，Foot里面写了的。这不统计吗？用数字什么嘛，Reduce。说白了，把这个统一的操作给他什么？拿过来稍微改改。对，很好。现在都没弄。对吧，好，而这两个东西是不是可以让我的这个负的数读出来就行。啊，还需要他们吗？不需要了。

能不能看到啊，OK，好。来啊，还有一些东西啊，还有一些东西，这一个这一个。这里有一个是否全部完成，这是不是有一个勾选状态的问题，而且它有两个方向。啊，什么两个方向呢，首先我的显示是不是靠它对吧，显示靠它，也就是说我应该有一个。Get。有个对应的get吧，而这个get是不是基于我的那个todo。那所以说其实就应该在这里写一个。在这里写一个叫什么呢，大家看啊呃，叫判断是否什么全部选中对吧，是否全部选中。这能懂吗？来，我们要写个名字。

Is all，选中或者是完成啊，Complete或者选中吧，都行，这都没关系啊，Is all select可以吧，或者selected都行啊来。没吧，好，这个应该是个不吧，是否全部选中看什么呀。对吧，前面咱是不是刚才写的，这不就是这里吗？这个对不对啊，OK好。这个吧，来这个看看怎么来弄啊，它是不是两个条件。对不两个条件，这个怎么办啊。是不是要看看他们俩的数量相不相等呗，这意思，不看它们俩的数量相等，我怎么得到去取它和它呢？啊，我开始最先想的就是this啊，什么个意思啊，就是这里面我就想来this.total count等等于this点。

Come at hunt。是吧，我们想的这个是不是就是这个对象啊。但后来发现不是。一打印出历史，好像是long还是？你没有给一个值。嗯，他实际上是这么搞的，你搞十的，那不要又统计吗？这个地方他给你传了一个。Get。怎么办？能看到吧，好，同时还要知道啊，他们还有一个就写这个不够，不知道还有没有印象，因为他有可能一个都没有。对不对，一个没有不零等于零吗。是不是你等那不成立了吗？说白了，我我一个我一个初六都没有。现在是不是。

如果一个图六都没有是不是数，那必然是数嘛，你哪有选中的？对不都是零，那这样的话，当我一个图没有以后，我那最左下角的那个勾选框是勾上了呀。那这样太恐怖了。啊，怎么办？啊，你这个总数量。最好还是什么大于零，或者当然你也可以这么写，你也可以这么写，大家看到你也可以写state todo点这么写不是也可以，也是可以的，当然我这个前面的这一个是不是也可以像右边这么写啊，可以啊。好。那也就是说一个什么事情呢，我在这一个组件里面。这个可以不至于亲自做了吧，但这个呢？对吧。这一个我没办法搞到，我能搞到盖里来吗？这一个什么时候调用还记得不set，当我去点击勾选框的时候，我去给他勾选，或者不勾选的时候，对不对，它就会调用。

这个是不是要更新状态去的呀，所以。这个地方大家看着我啊，我们一共有这么三个需要取出来吧。看着啊，我一共有这么三个取出来，但是我开始只能取，先取前两个，我这么取的看着我。先来一个函数，一次函数，Import。Map GS from a view X。我这个matter呢，现在只能取前面两个，它来一个数组，那前面两个了，一个叫total count，名字不能随便瞎写啊，还一个叫呃。别的嘛，把它拿过来。

看看的，按正常情况下，我我要读这个书，还要写它呀，好。来写一个，它关键你写一个它这个地方。啊，这个地方啊，我写着啊，其实你要一定要写也没什么太大问题啊，一定要写以后，那我这边我这边是不是可以不写了。不是因为我们俩的名字什么。是不是不是一样，你说老师一样呗，一样不就好了吗？不是这个有问题啊，假设我们现在就是一样的。啊，你看我就写了一样的名字吧，好，我写的一样名字，那我这里面福特这一边我来改一下啊。那我改一下。诶。改大是吧，那也就是说我这个complete里面是不是已经有三个。计算属性了，那关键是这个还能用吗？你要用的话是把覆盖了。能不能，你要不用又不行，不用缺什么。

去，你现在又加不进去。懂不懂啊，此时只能怎么着，只能这么着。把前面先不写这个。能懂吧，其实你自己主动的去说嘛。去读，没办法，就说白了，用原始的方式get点。对吧，这个重新没关系，因为在不同的位置是吧，OK，那这里这里这里不能丢掉是吧，我们此时是不是更新状态去要更上，现在不能调用这个方法，没有这个函数了。干嘛去更新状态要调干嘛去点dispatch，这是固定的，只要去更新状态就是要dispatch。对吧，呃，这个地方来名字。

对吧，啊，比如说这一个select什么可以吧啊todo。有点长啊好，要不要传参数。要也就是说，其实这一个名字叫全部选中，但有可能是全部不选中。也就是说看这个值。对吧，这个值是个什么，你看的值对，是个不值啊，能不懂啊，OK，我应该把这个值给成什么。传过去告诉他，你到底是要勾还是不勾，对不对，能不懂？好，那我写了一个文件。是不是写我的这一个action？对吧，那写它呗啊。下面我们一共写了三套啊。来一个啊抗是吧。

这是一个什么？接受一个Y，你要接受一个Y的，这就看不出来什么意思了。懂不懂？啊。是不是就是否选中啊，比如说check行不行。行或者一字线行不行，行或者select都行，因为这样的话能看出来意思。嗯，OK。好。类似吧，啊类似好，那下面一样我也要去，是不是写一个对应的什么。是不是太好？看懂不写个对应的type来，这一个type是干嘛的了？全选或者什么全部选所有todo。对不对啊，那我们这个。呃，就就写一个什么呢？嗯，就是难写啊，Select to吧，行吗？啊差不多，虽然有点长啊，把它变成大写。

OK吧，OK好，那我这边那我这边就很明确了啦，干嘛去commit括号。啪，是吧，等会我引入一下，穿大括号切。是吧，需要将它什么。引入。对吧，啊，引入接着我们写程序啊，Mutation。那也就是说，我是不是要再写一个mutation啊，你看结构一模一样照着。判断写十对的大括号，这意思吗？Check？对吧，那我要去是不是遍历所有todo。干嘛一起呗，拿出某一个todo，对它进行什么操作todo点。

Complete。Check。能看到不啊，这就要注意看看这个名字，我我得去呃检查一下这个属性名到底对不对，不知道啊，诶刚好对是吧？啊，这个一定要检查一下，看看对不对啊，万一写错了，那你就不对。OK，那这样啊，我就差不多又写好一套了是吧，OK。嗯，那整个好像看还有什么缺的，就这诶还差一个。还差一个，就这一个。对吧，呃，这一个最终啊，最终我们不能这么不能这么写了啊，不能这么想，因为我没有传pro过来。啊，OK，我们现在一样，我点这个按钮是不是最终要更新状态去要更新状态，如果你不想去写对应的message的话，那你可以直接去写什么啊，多了福斯多点的斯派。

三个名字。能不能啊，这里面不需要传参数。看到吧，但最好不要这么做。懂不懂最好不要这么做，因为这样在你模板里面写表达式尽量要短一点，别写的太长，诶这个要改改这个我们不要这个了。这个叫什么的total count，而我们这个也不叫size了，叫total complete什么complete count，对吧？啊啊，这个如果要处理下来就。不能去处理它了。如果要稍微处理一下的话，那我们可以怎么办呢？把它。叫were completed来啊，这里面去写一个。

就刚才这个名字，那这样的话，如果我这么写的，等着干嘛。是不是得有一个method？能看到吧，那也就是说我这个地方，这个地方需要有个什么methods对吧。有一个对应的方法吧，那我们可以用于另外一个东西叫map actions，能不能看懂map action这里怎么用呢？点点点。中号再来一个什么同名的，这不算是吧。能不能看到？接着我要写了一句。我映射谁呀X，所以我要把什么X这边也写一个，因为这个啊，相当于我们写的第四套啊commit。标准T。没有。接着他是吧，接着来一个。

名字是吧，又需要有一个名字，这个名字就用它得了。啊，OK。这一次，我们要做的事情是什么？清除已完成的对吧，啊，已完成的啊todo对吧？来就用这个名字，但是呢，肯定是需要隔开。是吧，哎，把它变成小写复制过来，接着把它变成大写。算了吧，啊，OK，好，那这边啊快了啊，马上就好了，来这个是吧，OK，来个它。可以了吧，可以了，那唯一要做的就是这一边来一个它来一个这个好，现在我们要清理所有已完成的，实际上需要干嘛去了，要过滤吧，要过滤是不是重新赋值啊，点todo等于啊，State todo去调什么吧，Filter过滤过滤，拿出某一个todo，返回四个不值吧。

那返回不值我这个地方来，我写一下，暂时。是这样的吗？留下为什么这样写？是留下为真的吧？那我要留下什么？啊，为假的，所以要干嘛取反？啊。呃，哪个state.todo10啊，前面有一个写错了哪个啊，多少行20行开头，呃，T，哦，这个。

啊来啊，求60。好了吧，好啊，这样我们相当于一共写了四套啊，基本上的流程大家应该是要会写了啊。那也就是说现在我们基本上基本的功能都已经完成了啊，能看到吧，好的好的，那也就说我现在去添加可不可以添加可以啊，来删除一个。啊，诶有问题是吧，我好像写了呀，我咋没写。Ah OK。来。报错了嘛，对吧，报错咱再看嘛，对不对，也就是说现在index is not DeFine item，点什么new是吧，OK，对，Are I name。Item view。是吧，少了是吗？认识你。对吧，嗯，好。

来现在呢，我去删掉一个可不可以，可以我就没确认啊，好接着我勾一个。出来了吧啊，而且完成数量是一对不对啊，接着我清除完成任务，各位可以好，那接着我勾上，勾上以后呢，我删除诶。可以吧，可以。有有那种那种背景感吗。应该还是弱一点是吧，稍微弱一点。