21_尚硅谷_Vue项目_创建vuex的整体结构.avi原创

好，那下面呢，我们要去做的事情就是要去啊，真正的去做我们的异步的显示，要做异步显示这个地方，我们所有从后台搞的数据，我们都要用什么管理。是VX的管理啊，那这个时候我们就要开始引入VX去管理我们从后台获取的状态数据。那首先的第一步干嘛去下载我的这一个VX模块好。好，看它下载下来，下载它以后说一下，我们要去想我们当前要管理哪些状态，我们现在真的是我们的首页数据的异步显示啊，其实我们首页有三个数据需要显示。一个是这个地址当前地址对吧，一个是这个实物分类轮播的列表，再一个就是商家的什么列表。

这里面实际上是不是对应三个接口。对不，这三个就好，那我们至少就应该有三个数据需要存。能不能看到啊，有两个数组，一个对象，那个地址呢，它是个对象。我们暂时是不是只用那个对象里面的它的名字啊啊，其他的都是数组，因为都是列表嘛。好，还有一个事情，因为我们一上来显示的就是当前的一个地址，当前地址呢，有一个东西叫什么经纬度。实际上在这一个啊，我们当前这个应用啊，只是整个应用的一个部分，而且还不是最前面的，最前面应该有个什么操作。是不是定位或者选择位置对吧，定位或者选择位置是确定什么呢。经纬度的对吧，那我这个经纬度呢，实际上啊，就是我们当前这个位置，当前这个楼，当前我们处的这个位置的一个经纬度值。

那我直接就把这个经纬度值了，给它保存在我当前这一个状态里面。后面是不是就看可以反复的用啊，因为我发请求的时候是不是要需要携带这个经纬度的啊，有可能需要携带。啊，下面几个啊就比较简单了。来，那下面呢，我们来去整VX想好了我们就开整啊。我们这个十多是不是有啊，还记得一共要创建好几个文件呢，对不对啊，把它文件创建出来。首先啊，有一个总体的GS，就是什么index也是这个速度，是不是啊，我们把这个记录一下，这个呢，我们先把整体所有的先准备好啊，这是VX啊，最核心的什么管理对象是不是多呀？啊好，但是多是不是需要有些配置还记得吧，需要几个配置。

四个配置选项对不对，那有四个模块吧，啊，那就四个模块，把那四个模块也建出来，那四个模块都什么类型对象，首先最基本的是stay。啊，我来写一下这个呢，是状态对象模块对吧，状态对象，哎，不是状态管理对象，状态对象。好，里面可以写一个基本的代码，Export default对象是吧，另外的三个是不是类似，所以。啊改操作啊T对不对，好去操操作mutation的呢，Action对吧，还有一个基于state的计算属性叫什么get。

能不能到好稍微的呢，去把那个就是给改一改，这个呢是直接，哎直接更新啊，直接更新什么。代的多个方法的对象，对吧，那吧，好，那下面啊，下面是我们的那个actions，这个对不对，Actions是什么间接更新，那怎么个间接法呢？是吧，通过。什么啊，嗯，通过什么呢？叫通过嘛，可以吧，通过间接更新state啊，多个方法的对项啊没问题，好了还一个get，这是基于什么？基于state的get计算属性对吧。

包含。是吧，你没有看到。好，那除了这一个，除了这四个啊，还有一个MU和action之间进行交互的一个产量模块是不是。叫什么来着，叫。对吧，民族需要啊好，这一个写一下包含N个什么啊mutation，嗯的type名称常量呗，嗯，名称常量可以了吧，可以了，好了，在我们的这一个十多里面，在这个index间把整体给它收拢来啊，需要引入一些东西是吧？啊首先第三方模块有哪些啊，一个是引入view。

还要去引入谁？呃，View from啊，View X没问题是吧？还要引入我们自定义的模块，刚才不这四个吗？state.state mutation，十点muts，嗯，吧，还一个谁没什么是吧？

好来，还有一个get什么，最后portport用一个。里面的尺度传一个配置对象配置配置配置再配几个。美女吧，嗯。这个非常固定啊。好，还有一个生命使用是吧，别忘了，因为我们是插件吗？点view view插是吧。OK了吧，OK，嗯，那我们现在啊，整个结构这都摆好了。

摆后后面就是要去写里面的，根据我们的状态写一些mutation，写一些actions啊，先摆好结构是大家必须要能做的啊，行，把这个停一下。