00:00
接下来呢，我们定义完了API之后呢，我们来定页面组件，页面组件呢，因为我们要找的是列表，所以呢，我们就views，然后下面的类似点view啊把它打开，打开之后呢，首先在这个script里面，我们呢先。啊，去引入in，刚才咱们写的那个API模块，那我们刚才写那API模块呢，就是。API下面的这个integralrate啊，叫GS，所以我们给它起个名字，比如说就叫。这怎么拼啊，The real对吧？应该是这么拼吧，我复制一下拼错了啊。啊，应该是integrate这个东西。然后呢，我给它起一个名字叫API吧，因为这个名字是咱自己起的，那更明确一点，这就是API模块啊，加个API后缀，然后from还是at符号，然后杠我们的这个刚才定义的这个API在哪呢？在SR旗下的API car integralrate这个模块当中。所以呢，就是。
01:12
嗯，API，然后cor，然后。Grade把这个复制一下，把API删了，然后把这个改成杠，这改成小写，这样就不写错了哈，好，然后呢，这样的话，我们就把这个模块引进来了，所以这个呢是引入API模块，好然后接下来呢，引入完API模块的之后呢，在这个地方我们呢，写我们具体的内容，这个呢，实际上是我们的一个相当于view模板啊，这个view的这样的一个模板呢，它实际上也是一个独立的模块。这个独立的模块呢，它怎么导出呢？也通过这种方式导出啊，所以呢，这个里面导出的是什么呢？实际上就是导出的我们view里面的一些基本的核心功能什么呢？我这样一写大家就知道了，Data呀，还有呢，MY4C呀，是不是还有呢？Re呀，是不是这个其实导出的就是一个view对象啊呃，只不过我们没有在这个地方去new view对象，而是通过导出模块的方式啊，把这个维对象导出去，然后呢，在哪调呢？这个后面我们再说，因为它这个里面整个的布局比较复杂，整个的这个模板是被其他的地方调用的啊好，那么。
02:39
所以呢，呃，具体的地方我们先来看一下吧，在在这个位置吧。先看一下，嗯，在。RC，然后呢，有一个叫做router是吧，刚才我们说的这个index配路由的这个地方是不是在。在这个地方掉的相当于。
03:00
是吧，这不就是刚才咱们写的那个模块嘛，你看我们在这个地方不把这个模块导出嘛，然后这个list，这个不叫car integral read list嘛，然后在views下面，那你看刚才这个路由是不是导出的，就是导入的，就是views，靠integraterate list是不是通过这种形式导入的呀？好，导完了之后怎么用呢？那就是路由里面的底层的内容了，这块我们就先暂时不深入研究啊，总之我们知道在这个地方导出的。这个啊模板，然后呢，在我们的路由当中的这个位置就给它导入进来了啊，所以说这是模块的导入导出，然后接下来呢，在这面我们就可以定义什么呢？首先在methods里面我们定义一个方法啊叫代data，好，然后接下来呢，在data里面我们就调用刚才我们那个API。Ineg GR点。然后这里面写的是什么点类是吧啊。
04:01
来类哈，这样的话呢，我们这个结果就有了，结果有了之后，根据我们之前学的那个promise写啊，然后这里面呢，就有棒好这点。List等于瑞response点点list。明白吧，啊，所以这样的话呢，我们就把这个结果拿到了啊，这是我们。整个的这样的一个过程，然后呢，我们怎么调呢，页面一加载的时候我们就掉，所以呢，页面一加载的时候我们一定要点啊Fla data。啊，这样的话，页面一加载我们这块呢，就把这个数据呢，从远程获取下来了，并且呢，获取成功之后呢，我们把获取到的这个数据呢，复制给类，那既然有this类是在这定义了类，类这块呢，就是我们的积分。
05:09
好，然后接下来呢，我们来看一下这个页面，选这个积分等级列表F12。看一下这个view啊，然后看一下这个里面的list，这个是刚才我们写的那个页面啊，将它是car integralrate list嘛，是不是打开之后你看这个list，其实呢，它就应该有什么呀，就应该有内容了啊好，然后接下来呢，我看一下它这个路径呢。就是看看有没有问题啊，选XHR，然后刷新一下。刷新一下之后呢，这块呢，就是我们的这个list，然后正常情况下呢，这块其实应该是能够访问到我们的数据列表的，但是我看一看啊，这块好像是没有访问到哈，复制一下先粘到这个位置。
06:01
然后呢，先把它改成8110，因为我们这边访问的是N哈8110，看看8110这块呢有没有。我这个地址是不是不太对啊，我后台服务器还没起呢，是不是啊，对吧，后台服务器启动啊，然后所以呢，这面。启动后台右键。起伏。好，然后接下来呢，这边我们刷新一下8110，没问题，再看八零吧。那8080也没问题是不是，那你再看这面。刷新。
07:01
好看这个啊。是不是这个response值就有了，这边也有了啊，这边有了之后看六。还还是看刚才这个类似这款。看这个。呃，数据的一个渲染啊。数据的渲染这块呢，你会发现，诶出现问题了，什么问题呢，就是你看它上面展示什么。就是获取列表成功，但是它是一个错误提示，看见了吧，这是为什么？这就需要我们去看一看我们那个X封装对象了，总之到目前为止，到目前为止我们哪一个步骤做完了呢？前后端联调的获取远程数据做完了，因为这个类这个地方我们已经拿到真正的数据了，只不过这个数据还没有被绑定到我们的这个。类似的数据模型当中明白吧，而他为什么没有绑定到数据模型当中，这个地方我们发现了一个问题，就是他明明写的是获取列表成功，却展示了一个错误信息，所以现在呢，我们要来看一看X里面的。
08:15
响应拦截器里面做了什么？
我来说两句