71_尚硅谷_Vue__vuex_todolist应用_list和item组件

好啊，这个大家要需要去注意的事情，下面那我们其他的是不是类似的搞法。那也就是说到此为止，我们的hand组件。是不是就改造完成了啊，就改造完成了，好，那下面呢，我们来去看另外一个组件看呗，对吧，这一个。List。List里面以前是不是要接受to lose？啊，接收这个delete todo要吗？不要，你看都很干净的是吧，好，关键我需要todo什么。需要对吧。那也就是说我还是需要90的吧。那60现在哪哦。在store里面，在VX里面对不对，那我是不是想办法，组件里面是不是要需要读。对不对，一旦要读啊，VX管理的状态或者计算属性都用一个配置叫comp。

也就是说你现在不是要出60吗？对吧，你要出60我是不是可以。去那个state里面去读啊，这个时候可以用一些简洁语法。我们如果从state里面取数据，看到我们刚才这个图，这个图很关键啊，其实如果你真的是把这个图画明白了，我就知道怎么样去写代码了。点错了。太激动了，哎，我把那个东西。放哪了哟，就这个吗？哦。不是这这视频呢，我的截个图呢，是放到别的地方了，我觉得是就这我把它。

行吧行吧，来，我把它拿过来，我怎么跑到这来了，我没注意啊啊，不好意思来换过来。把它改改，这是不是MV是什么？好把它打开。什么意思呢，大家看着啊，这个其实是挺简单一个事啊，你看啊，我们组件要读数据，不就这些方式吗。对不对啊，现在我要读状态数据，还是要读get数据。我现在是不是要需要出60，首先肯定想到尽量是状态，状态有没有那得了，那就肯定不要计算属性了。能理解吧，啊OK，那你要用它最如果可以用它，那就用它，不能用再用上面的。是不是这意思啊，那也就是说我们现在需要去引入一个什么呢？Input叫map state。

是吧，来通过我的map state啊，去映射出来一个什么样的属性呢。60吗？因为我的这个名字跟那个十多里面的那个名字是什么。一样的啊，一模一样，这不就叫todo嘛，所以我们用数组的参数是不是就可以。能看出吧，能看出来其实你不用这种语法，你譬如说你你用原始语法怎么写，譬如说你可以这么写，多了十多点state.to lose也可以的。能理解吧，啊OK。好来啊，其他的这个得说一下，这一个东西还必须得忍啊，就这不用了，这个删除不用了。

一旦你用上了VX。所有关于这一个store里面的。这个state里面的这些状态的增删改，查的那些所有更新的那些操作的函数。都不需要再传来传去了。谁需要，谁就去想办法去调用我的action。对吧，啊，也就是说啊，这一个VX。它是一个全局的。听到吧，针对于所有组件。你都可以去跟他进行通信。能不能啊，我是相当于类似于一个全局的一个概念。哪个组件是不是都可以看得到多少是多呀，你只要能看到多少是多，你是不是就可以读，你是不是就可以去更新。那得了，那那些函数传来传去就没有必要了。

在这一点上面，其实也是相对来说比什么re要好用一些，内存redux写好以后，实际还是在传属性吧。啊，传的。啊，只是稍微隐蔽一点啊。啊，但是得说啊，就大家如果，嗯，现在现在的公司里面呢，怎么说呢，就是如果稍微大一点的公司。可能会用RA的可能性会更大一些。嗯。这是一个还有一个啊，薪水稍微高一些。你不觉得很自然的事吗？对不啊，OK，就是很多人学不会嘛，那当然学不学view了，对吧？啊，OK，你要学会了，你学会学会了，那你薪水自然要高一点。就整个薪水要高一些啊，还有一个很大的问题就是呃，用react，用redu，你你用的用的好，其实也能帮助你提高你的GS的水平。

啊，他因为他对你的水平有一定的要求。啊，你要理解好需要有一定要求，但view的要求就稍微低一点啊，但是不是没有要求啊，啊，你不要想着没有要求啊。好。这些都不要了，但是有一个事情啊，这个todo这个index，那你还得传你因为你要不传，你就要交给VX管理吧，但是你要知道这个item是我有很多item吧。那每个item是不是都有自己传递的to录，那这个你要用V管理，那那特别难办了。你看我这很多行，每一行都有自己的出路。啊，我要用V分别管理太费劲了啊，所以呢，就没有必要了。好，这是这个，那我就直接把它去do给它传过去，把下边来给它传过去，那下面我们需要去看谁了。

Item。来看一下这个函数已经什么。不需要了吧。那不需要了，我这一个，诶我这个组件也有两个状态，要不要管理起来。不用，因为这是每个它这个item组件自身的，跟别人一点关系没有对吧，没有什么共享的问题啊，所以我们现在唯一搞的就他了。是吧，啊，那也就是说我们又要涉及到是不是要更新状态去了呀。啊，OK，怎么做？This点多了，多点disch。是不是要搞个名字名字。是吧，啊好啦，写哪个文件。

啊对，就是一个套路对吧，你一般来了一个，是不是一般会写一个新的action，举一个type呀，这一次是一个什么。是不是delete是吧，那我就叫它delete todo，这个是去什么？删除一个todo吧。没问题是吧，好，那下面引呗，他套路感是比较强的啊，嗯，接着把它复制搞一个是吧，好。没问题吧，好这个地方啊，这个地方我们commit，诶刚才有一个事情没有去，没有去想啊，有个事情怎么去想呢？我要不要传递参数。要不要也要，因为它需要index，是不是才能删呢？啊，最终需要index，所以我的这一边来拿着这个todo啊，在action这边名字叫through是吧，我接收的参数是什么数据index。

那接着我commit一个什么。Todo传递的对象啊，里面有什么index。是不，刚才说了，无论这个数据什么类型，都要用对象给它括起来。懂吧，啊OK，好，那我另外一边啊，另外一边接着写了一个文件娟。Mutations你一定要知道啊，这个写的它有个基本流程。如果你特别熟练了，你想先写谁都没问题，但现在你尽量一步一步做好来先什么引入对吧？接着写这个好，其实现在这种写法还有问题，刚才都忘了说了啊，等会啊，我先把这个写了再跟大家说。

里面。太简单了，State to lose。点什么？谁几个？现在有问题。现在我们这边大家看到现在是灰色的，这个灰色的知道意味着什么吗？没有用到。原生老师就不用了吗？对不对，我这个材量怎么没被用到了啊啊，写错了吧，CTRLCCTRLV你看不行。首先你要知道啊，我们的这些函数名，方法名，它本身都字不出来。你这么写的相当于是什么，相当于是这个。

对不对，你用它了吗。也没用。没有，也就是说我这个mutation的名，Mutation的名字是这个大写它吗？不是应该什么小写的，这是我开始为什么写小写啊，我现在本质上我的mutation的函数名。是大写的。对吧，但是我的这个X。在提交这样一个请求的时候，他用的是什么？小写的名字。对不对。也就是说此时在这里，这是一个常量嘛，传递的是它本身吗？不是，是他的值对不对，说白了，我现在提交请求传的这个第一个参数的那个串是个小写的串吧，而你的这个名字。大写的，这不一致，肯定不匹配。不匹配就肯定不会调用。

对吧。咋办呢？这个咱以前应该搞过呀。我现在想让他的名字变成一个从一个，从一个一般的串变成一个变量，我该怎么办呢？前面不整过吗？啊，这个。是吧，嗯，这个知道一下就可以了啊好。这样是不是终于亮起来了，就是用上了吧，好没问题，那也就是说现在删除某一个我们也搞定了啊。