00:00
好，接下来呢，我们来看这个APP，这个APP呢，刚才我们分析到呢，它是从这儿引的，然后呢，这个APP呢，实际上就是当前的这个。嗯，闷点Js.JS在哪？在这是吧，所在的目录下面的一个叫做ap.view的这么一个模块，所以呢，这种方式引的就是它了，明白吧，啊好，那接下来呢，我们来看一下这p.view吧。APP点里面呢，有一个ID，这个ID呢也等于APP。然后呢，这个APP的这个节点里面呢，有一个。Root是什么？我们来看一下，之前我们学router piano路由的时候啊。这个叫root root实际上呢，就是路由出口。
01:03
啊，Root实际上呢，就是路由出口，所以在我们的。这个app.view里面这一块就是我们的路由出口，路由出口显示什么，是不是显示模板，你看之前我们在学习这个router pro的时候，我们打开这个H3啊。这个路由出口显示什么？是不是显示这些模板呀，对吧？好，什么时候显示对应的模板，当你的路由切换到这个路由地址的时候，它就会显示这个模板，那这个模板在哪显示，是不是在路由出口里面显示，所以这是路由出口的概念，好，那我们app.view的这个路由出口显示什么，是不是也显示模板？好模板在哪？模板都是由这个views里面的这些view文件。定义的。明白这个意思吧，啊，模板都是由views里面的view文件定义的，所以这些比如说404呀，这个冷冷in下面的index view啊，都会展示到这个路由出口的位置啊，那它是怎么对应的呢？比如说那我们之前看我们之前的这个。
02:18
啊，Root p吧，他怎么对应的，他是不是用pass对应的，你的这个pass是不是应该找这个模板，然后你这个模板是不是应该展示在这个路由出口里，同样。我们在我们的APP view里面一定会有一个相应的pass去对应什么，去对应我们view GS下面的404，然后404页面就会展示在这块，也一定会有一个相应的pass来对应我们的老这个下面的index view，然后这个登录页面就会展示在这个位置。那么这个pass和这个view模板的对应关系是在哪定义的？是不是就是在这个？
03:06
路由模块里定义的对吧，路由模块里定义的是pass和view模板的对应关系啊，所以我们来找到路由模块，比如说我们找到。好，那大家看这块是不是就是log in了，当我们的路由的地址是login的时候，也就是说是。杠log in这个登录路由的时候，那他是不是要找这个模板来模板views下面的log in index。所以当我们的。路由变成它，我们这个页面就会显示在哪。就会显示在这个路由出口里。这可以理解吗？那再说一遍哈，当我们的上面的这个路由变成log in对吧？啊，然后回回车，当然了，现在是登录状态啊，Log in态也直接进来了，我们退出把登录状态清空掉啊，好，当你的登录页的这个路由地址是log in的时候，那么它根据路由表就会在。
04:17
这个路由表里面，我们找到路由表这呢，找到对应的pass路径，然后从路由表里找到对应的pass路径所对应的这个登录页组件啊，找到这个登录页组件之后，就会把这个登录页组件展示到我们的根组件当中的路由出口这个位置，所以说我们的根组件是p.V啊，然后我们的登录页组件就是下面的这个log in下面的这个音代词要。明白吧，所以那目前为止我们就有一个层嵌套了，也就是说最外层的组件是app.view当显示登陆页的时候，然后呢，APP view view里面嵌套了这个老V下面的index view，这是一个关系，这样的话就展示登录页，那怎么能看出来呢？大家看现在呢，我在登陆页这块，然后呢，我们F12。
05:16
看一下这个。看一下这个啊。好，然后呢，在这个里面，大家看这个是不是我们所说的根呢，就是我们的应用程序的根啊，组件的根，然后其实它下面有一个根组件叫做APP对吧，APP下面是不是就是我们的老电组件。对吧，这个老音组件所对应的路由是什么？是不是杠老音啊，然后这个组件会在哪显示，是不是它就是我们的rootr view啊，明白这个意思吧，啊，就相当于什么呀，它是我们嵌套到这个root view里面的东西，明白哈，所以这个地方就告诉你，在APP下面的root view里面，实际上呢，嵌套的是log in组件，然后它的路由地址呢，是杠log in啊，然后我们的这个log in这个组件里面有什么呢？
06:10
有ear phone。ER form里面有什么呢？E form item大家看啊，这是e form，就高亮这部分哈，然后这是e form item对吧？这是e form item，这都是组件嘛，组件欠组件嘛，F e item里面有什么，是不是有这个啊，这个图标组件啊，有个弄框组件是这意思吧，所以这个是不是就是构成了一颗。这样的组件数啊，构成了这样的一个组件嵌套关系啊，啊好，那这些组件，你像这个e form e item啊，这些组件是在哪定义的呢？是不是应该是在老里面定义的啊，那我老里面。老在哪？In是不是views，老in单词view哈，它是老in，这里面是不是，你看ear form ear form里面是不是。
07:01
艾特，然后艾特E吗？啊，Item，然后下面还有button对吧？嗯，然这下面还有button对吧？啊，所以这个是不是就是刚才我们看到的一个实际啊，这个创建出来的这么一个组件数的这么一个存在，那在这个地方我就可以捋这个组件数了，明白吧？嗯，好，然后接下来呢，我们这个inex view啊，就是login下面的这个ex view里面我们是不是定义了很多数据啊，比如说定义了data啊，然后呢，Data里面返回了什么，返回log form呀，返回login rule呀，是不是返回这些数据模型啊，有loading呀，Password type呀，Direct呀，对吧？这些东西那你可以在哪看到。第二，Log in里面看log in这个组件里面是不是有log in form呀，Log in rule呀，Password type呀，Redirect呀，Loading呀，诶就是他吧。就是这东西吧。
08:01
是吧？啊，所以这个就是你怎么去通过页面中的代码，怎么去结合咱们这个view工具啊，了解组件和组件之间的嵌套关系，以及组件里面初始化的数据啊，这个初始化的数据是属于这个组件的，明白吧，那APP里面它没有初始化的数据对吧？那老丁里面有初化的数据啊。好这块呢，我们说的就是这个APP，点这个文件。嗯，好。
我来说两句