67_尚硅谷_Vue__vuex_counter应用(vuex版本2)

这个里面没什么优化了，主要是在组件里面。在组件里面什么个意思呢？啊，就这些代码都是不是差不多呀，都差不多，包括还有一个事情，我说实话，我就不想看到在这个模板里面看到你你再去操作state，因为这个state吧，是在VX里面管理啊，它也可以优化的，这个也可以优化。怎么写呢？我得先写一下，写出来以后大家就能知道了，我先写啊，这里面呢，要用到VX的一些新的API来import from啊，View X它里面有什么呢？有map啊，这个看来还有一个map state。Map actions，好，我们来说，还记得map什么意思吗？映射啊，它可不是地图啊，是一种映射关系。

啊，OK，好这些东西啊，怎么用呢，是吧，那我也得先写啊，这东西得写一下再写。啊，写一个comp。啊来冲先冲突了是吧，好，那直接在这里写啊，我不用在这里面写来啊看这里。呃，Map是date，我来去写一个他啊。Map state。哎，不是啊，写的是这一个count，嗯。我还要去写一个，这个语法还有点小难度，不知道这个还记不记得。对吧，好，我再写一个啊，还有一个叫map gets啊，我先写啊，看看大家能不能懂。

其实说了以后大家就能懂了，叫叫even什么我我。这里面就直接写什么count。好，我把这个也写大家看看啊，先看看，也就是说我现在有了几个计算属性，两个，一个count，一个even a对不对。能看到吧，啊，一个countt一个even，好，而这个countt这个计算数据从哪去读数据。啊，从那个state里面去读数据，读哪个属性。好的。就是从结果上来说去理解是这样的，但是我们等会要从语法上来理解啊，这一个啊看map。这里面我们会产生一个计算属性，属性名是不是叫这个啊，就这一个，那他最终去哪去读了。

对吧，大家来啊，看一下，我其实应该把刚才那个留一下啊，不能把刚才那个删了，因为删掉以后吧，嗯，等一下啊，我把那个留一下。我天，我把它洗一下吧，因为酸量太多了，不太好。我要把刚才我们那个写一遍啊，什么意思，我们刚才怎么写的还记得不看一下，我们刚才是写了一个even order是吧，写了个这个，接着写一个这个，接着写了个return。啊多this点多度点。Gus点。Even or water就是这个名字呗，对吧？那如果我没有写一个count的计算属性，该怎么写？Return this，点多点state.count你没发现这个左边的永远是什么？

你看这一个，如果我去gets里面取数据，左边是不是永远固定的。变化的是什么，右边的这个名字。对不啊，OK，那这一个map get就是用来去产生一个对，首先我要说你说这个函数返回值是什么类型。啊，这个要知道啊，这个非常有意思啊，就这一个返回值啊，它执行返回值什么类型对象。对吧，好，而且我还能知道对象里面有什么东西，对吧？哎，对于我们当前这个来说，大家看看这个是不是应该有这样一个方法啊，OK，我写在这吧，啊，说白了就是返回值是这样一个样子，它这是个对象吗？而且有一个什么方法，说白了就是把这一个给了什么。

是不是放进去就可以，这个能不能懂就把它放进去啊，当然我不能这么整啊，我把它写一个简单的even or什么or是不是这样一个，而且来一个什么后面的写法，大家想想看，其实它是固定的呀。你没发现吗？这边是固定的吧，那固定的变化的是什么，你能发现，你看变化的不就这个名字吗？这个名字是不是对应它。是不，呃，这个后边的名字呢，那相当于我这么写吗？我可以这么写吗？可以不也就是说其实让你写，让你去实现这个方法你也能做。懂吗？上面的类似。

也就是说上面的这一个大家看到啊。上面的这个它本质是什么？就是大家看到我们的map state的反回值是什么，也是什么，也是对象，对象里面有什么呢？哎，是不是有这个方法呀，不就有count头吗？括号吗？大括号吗？来个什么return吗？这一个部分是什么？固定的变的是什么？变的不就是个名字吗？可以实现吗？可以啊，OK，好，后面的。你要想象它后面的是不是就类似的高法了，后面的就变化更大了，大家看到我啊，我可以把这一整个注释一下，会变得非常非常简单，来一个message啊，来一个对象，来一个点点点。

Map actions传什么类型？看一下上面。传数组，数组里面每一个元素是什么类型，字符串，哪些名字啊，Increment啊，类似的吧，其实想法跟刚才是什么，就他们这三个是一模一样的想法，只是稍微是不是调用的那些名字不太一样啊。啊，都是一样的。能不能看到好，还有最后一个。他为什么要设计这样的API啊？这不简化编码吗？啊，OK，这个不需要了吧，这个不需要了，给他做了。你想想，我们改完以后，只要把这些注释删掉，就没剩几行了。

啊OK，而且但是呢，得看一下你到底还行不行啊，你要不行呢，那我啊搞了半天是吧，走啊首先报错了是吧，我们来看一下啊哪个。啊，对吧。你首先得保证是对的，你再说简单啊，那也不行是吧。走你走你走你。可以吧，这不会增加义务增加。可以吧，可以。嗯，这个简单了很多了嘛。好，最后要说一个补充的，就是另外一个东西，什么东西呢？就是就是有可能我们现在这种数组的这种写法有一个条件。就这两个名字要一样。也就是说我这个回调指定的这个点击的这个回调函数名要跟谁一致，要跟store的action要一致，你要想想不一致它怎么找呢？

对不对，有人说我老师万一不一致怎么办呢？是吧，这些也要保证一致啊，包括这个gets也要保证一致，假设故意咔嚓一下写个哈。对不，你在这个里面写的是一个看写一个迈get写了一个他你想想他能找到那个号码找不到啊，那找不到它就废了呀，对吧，咋办呀。那是如果是有两个名字，这个两个名字是不是要有一个对应关系才行。找对应关系啊，那肯定不能用数组了，要搞对应关系，你得搞什么对，搞对象。这两种吧，啊OK，好冒号。诶，这本来就有冒号了是吧，好就来说一说这一个，这个是二。

什么意思？你说这里面有一个什么样对应关系？这一个相当于是我的这一个事件毁掉函数的名字。能不能看到这个了，是不是应该是我gets里面的某一个名字是吧，啊这没有什么比说老师他为什么不这个在左边，这个右边呢，他总要有一个选择的问题，对吧，其实这个没有什么必然的，他已经定好了一个。但是还是得做，尽量一样。这我是故意搞的不一样，因为有的时候吧，有人你看到别人可能写的不太一样，这种写法你要看懂。啊，真正咱写的时候尽量一样对吧，就尽量保持一致，这样不容易出错。哎，啊，没有，我们来看一下走诶我们是不是写错方向了哟，对吧？来你看我都记错了啊。

我也没太去记这种东西啊，因为它就两个方向，两种可能性。看一下。可以吧，嗯，可以啊，OK，这是这个啊。好，那这样的话呢，它基本上的使用的方式就可以了啊嗯，我们真正用的时候呢，可能会用到这一些啊。就是第一种，这种方式也有可能用到，这种方式也可能用到，就它这里面常用的就三个方法，Map state map get以及map什么。这种映射的一些函数。