00:00
好,那接下来呢,我们回顾一下,上午我们我曾问过大家一个问题,就是如果咱们的这个pages下面啊,它既有一个user点啊,这样的一个文件,又有一个user目录。有事啊。目录,然后user目录下面呢,还有一个index,好,那也就是说目前为止,根据之前我们讲的这个规范,嗯,我们的这个访问路径呢,它应该是杠user对吧?啊,针对这个文件,它也应该是杠user,所以现在如果我访问杠user的话,它到底访问的是这个文件还是这个文件啊,那我们来看一下。呃,现在呢,外层的这个U色呢,它是这样的,而里层的这个釉色呢,比如说是。
01:01
用户中心我的我我的账户吧,好,那现在呢,我们来看一下,当我们访问这个杠优色路径的时候,它到底是显示用户中心还是显示我的账户。那么大家可以看到呢,它现在显示的呢,是我的账户对不对啊,那是不是意味着那个。User目录下面的index view这个页面就其实是不会被显示了呢,其实不是的哈啊。我们可以这样去做一下,就是在user里面呢,咱们写一个叫做nu。有。
02:01
七啊。好,这个呢,是叫做那的。Next嵌套路由出口。啊,然后呢,我们来看一下,大家看,如果我在这个地方放了一个next嵌套路由出口的话,也就是说在外层的这个UW里面,那么在页面当中我们可以看到在user目录下面的那个indexw的内容就会显示在嵌套路由的出口这个位置,所以说一般情况下呢,我们嗯把这种特性的应用于比如说用户中心下面,还有不同的子页面的情况,比如说我的账户这块呢,我给它改成H2标题啊。
03:04
啊,大家看,比如说我们的用户中心下面有我的账户对吧,然后我用户中心下面呢,可能还会有一些。其他的这个信息啊,比如说啊有。啊,我投资。啊,我就写一个,嗯,叫做。U1吧,点六啊,然后呢,再写一个。U2.6好,就类似这样的,然后接下来呢,咱们在index下面的写这个U,比如说这块呢,是。嗯。我的投投资哈。然后这块呢,是。我的。
04:02
嗯,余额吧。写我的个人信息吧,行吧,啊,所以这样的话呢,我们来看,咱们可以利用这个user.view也就是说pages目录下面的这个user view作为一个用户中心的主页面,然后在这个用户中心的主页面当中呢,咱们分别嵌入啊,这个user下面的index user1以及USER2这些页面,那怎么去嵌入呢?怎么去让他们这个联系起来呢?比如说我们这块呢,可以有一个叫做next,它是没有提示next,然后呢,Link啊的这样的一个标签,然后它有一个to属性,To属性呢,我们就可以给它定位到,比如说这个呢,就定位到user,然后这块呢,就是。啊,个人中心啊,默认情况下呢,它的这个个人中心的主页呢,就是我的账户哈,然后就写我的账户。
05:10
我的账户好,然后接下来呢,咱们再写另外两个,还有一个呢,会连接到user下面的USER1,还有一个呢,会连接到user下面的USER2,那么这个默认呢,就会连接到user下面的index啊,然后呢,这个USER1呢叫我投资,然后USERC2呢,就我个人信息好这样写,接下来呢,我们来看这个整个呢,是一个用用户中心的页面,然后用户中心里面呢,有我的账户,就是默认的有我的投资是吧,有我的个人信息啊,所以这样的话呢,我们来完成一个叫嵌套路由的这么一个东西,不知道大家理不理解哈,然后呢,我们再来简单的总结一下,首先啊,我们的杠user。
06:09
杠user啊,这个目录啊,或者是说这个路由,他访问的文件是哪个呢?是这个文件。啊是这个文件好,这个文件里面呢,可以写一个嵌套路由,那么这样的话呢,就在这个嵌套路由出口的这个位置就展示。User-index里面的内容,所以呢,这个页面和这个页面实际上呢,是通过同一个路由地址都访问到了,对不对?我们说同一个路由地址,它既映射这个页面,又映射这个页面,那么在这种场景下,这个页面的内容就作为这个页面的内容的子页面就出现了,出现在哪呢?出现在那的这地方,然后接下来呢,里面的这些页面呢,我们可以通过杠user-USER1和杠user-USER2的形式访问。啊,那这样的话呢,这所有的页面都会作为子页面啊,出现在user点的na child啊这个路由出口当中,所以这个呢,也是我们在做网站的时候,特别常用的一种路由配置的方案啊,叫自动的嵌套路由。
我来说两句