102-尚硅谷-尚品汇-个人中心二级路由搭建

好了，各位同学，那咱们下午呢，还得接着继续。下午的第一件事呢，是把咱们的这个个人。中心这部分咱给他咋搞搞，那咱们看下上午已经搞多少了，上午咱们是不是可以加入购物车。咱买一个吧，这个太贵了，这是这是啥手机啊。就买个它吧，这个咱买那个六个。加入购物车。结算。啊，没登录是吧。好了，幺三七三四五六七八九十十一走，123456走。拿下来是吧，这个咱们呢，还是买这个小饼吧。这老师给他买两张呢，结算去购物车好。这哪是我买的，顶那个嘛，是吧。好了，那这个多余的这几个呢，老师就给他删了，买个它交了结算，结算呢，咱们可以选择收件人，以及可以留一些言，当然不留也行是吧，主要还是留一些。

这样提交订单，提交完订单之后啊，咱们是不是可以支付。支付，当然我这里是不是留了一个后门。就是你虽然不花钱也可以打。也可以过对吧，走。那回到这之后啊，咱们看一下，那首先说呢，他是有什么是有继续购物。继续勾股。说白是上。首页接着买买买。OK吧，那当然这个按钮啊，老师也说一下这个按钮啊，咱们找一下是谁呢？是这个叫呸。Success，这你看他的继续购物是不是直接回到后首页。啊，这个咱们知道了。第二就是对吧，回到呃，那个首页，将来还有个什么呢，查看订单。查看订单呢，说白了就是进入到咱们的个人中心，但是咱的个人中心。

还没有。那所以说呀，咱们接下来要把谁完成。个人中心。那所以说咱们去找一下子这个前台资料当中有一个地。代码静态组件，这是不是有一个叫做center？个人中心。那咱呢，把它的也给它捞回来，而这个路由组件老师要带着你们拆二级。因为前台项目到现在为止啊，咱写的都是几级过一级。而且咱们当年学标基础的时候啊，写那路由是不是写字。应该还写出三级，就是那个后和about的那个。对吧，这个千万别忘了，好，那咱们有了center个人中心的这个路由组件，那你得先找了。你是不是得先注册呀，所以说啊，咱们注册一下域名，那这咱先搞一下，先给他注册个一级路由port叫。

Center for wrong应该是at-views view字下的。Center。那咱们呢，先给他搞个一级度，因为至少得先看一下他长的什么样子。对吧，那这块咱来一个这个叫CT center，那这呢也是一样center。啊，C t center项咱们格式化一下。那之后呢，咱们呢，去看一下呢，当老师点击查看订单是跳到谁。个人中心。走出去，楼。这个没问题的。那咱们先看，那首先说啊，老师你说一下老师想把我的订单。啊，我的订单就是这一部分群。OK吧，和谁呢？和这团购订单老师想拆什么？

二九。这样懂。就跟当年的。我抱不很像。对不对，咱当年后报是不是也是左右颈。那你发现咱们现在前台项目为什么全都是一级？因为只有中间这部分是不在变，咱是不是上中下层就中间部分，中间部分是不是都是一体的。对吧，那这他是不是从左到右老师想点我的订单，那这显示。我的订单，我点团购订单，那这是不是切换内容。那这是不是所谓的二级，因为一级是一级是个center。的当中还会套几级这？二九。那所以说咱们先做啥先拆。词组。对不对，对吧，那所以说来咱们先看下它的结构下。找到咱们的center，找到这咱们先看一下看。

左侧这个什么订单中心，我的订单团购订单，你是左。对不对，那你看右侧，我们老师先给这折上啊，接着折右侧，右侧那个。什么我的订单商品，订单商情。是不是就是。对不，那老师先怎么弄，我先把右侧的这部分拆出来，单独拆一个组件。就是将来我一点击我的订单显示是不是显示这个东西，我一点击团购订单是不是显示另外一个东西。所以说老师想给谁下个再加两个二级，它是一级。那在他的文件夹下，老是再来两个文件夹。一个叫什么，一个叫我的订单。咱给他起个名，咱叫文加法，就是叫Y。可不可以？我的订单。

我知道他还有叫什么叫团购订单。团固定的，咱也给它起个名，叫什么叫group。G up group是不是组啊？对不对啊，那咱们先一个百分。那首先说啊老师的给my order先给他搞，那这大家哪一个，这叫啥in。没有，那首先说它的结构是不是所刚刚的那个。啊，好家伙已经带上at了，带上谁呀，对咱的节目咱刚刚是不是捞了一下。咱这就给他先打印。替换下。对不对。对吧，那当然这是一个子组件，也是将来的一个二级路由组件。那一集还有谁？还有这个group al，那咱是不是也得来呀。咱找一下叫group out，这咱有个叫in desk调。

没有，那这块咱就简单化一下，老师就给他来个名字团，我是团购，订单的内容我是团购。订单上内容。那写完了这两个组件之后，咱先回去测试一下，回哪。回C当中，咱先测试一下，看有没有问题，没问题咱是不是要给它变为。对，因为咱们现在有一个东有个地不敢保证买，因为买当。它是不是有一些图片路径对不对，你看它明显。对不，所以说咱们先回到这先测一下。那这块呢，老师这这能干什么，就现在这咱先引入子组键，先测试一下看有没有错误。来减弱。组件，那就是引part，叫MY。

Order for wrong应该是点到Y。雷提示是吧。给他灌下，没提示很怪啊。就还有呢，就是团购订单你就来呗，也这个叫啥。G啊，叫G和group。Develop for Rome。点杠行啊，点杠还是体式JO的不当。咱们先搁这注册一下，先看有没有问题康。哎呀。Com口文字对不？那当然，现老说你在支持注册，不如你家。不是啊，咱就是当做一个局部组，先测一下有没有问题。这是给注册一下。这是不是也得注册一下。对不？那咱们先一个测，你看举个例子，现在老师把跑先扔进去GDR，你看有没有问题。

刷新。看对啊。首先现在是不是提示买这个组件，因为咱刚才看对。对吧，那所以说咱们找一下看这。你看他现在路径是啥，是点在这个文件夹下，有以为之资没有，应该想点点。对，不是不是，你应该把点杠。以替换为。点点的。以昧之词，对不？对不对。替换。哎。多了。这象形这回对了吧，这回咱们回首再看一下，刷新是不就过来了？这没问题吧，所以一定要注意一下，注意下这个这个资源的问题。

咱们回头再测试一下。叫my order my order测试下是不是也没问题？刷新。对不啊，当然什么有问题。没有样式，那样式老师先这样说一下，我把这词告先去。知道这光知道吧，你看是就有。这没问题吧，啊好啊，那也就是说这两个组件没问题，那咱是不能再测试，因为咱们要给它变为什么。路由之间，你能在这直接搞。不能，咱刚刚只是为了确保那些事省事。能用。对不，那所以说咱们要给它变为二级功能。你得去哪里找？其他地方有点就这。对不？那你会发现现在咱们引的都是几级度一季度，那咱接下来要干什么？引入什么？引入二级路由组件。

对，不来呗，也。那这个叫MY。应该是I的杠。Windows下的。Center。没提示很难受啊，大写的吗？Cn t center下的my order。买是什么写，小写大写。小写的my order，对不？那当然还有一个。In叫group。G。Out for long应该是I-view下的。Center抢的。对不？那咱是不是要注册为二级组件，谁的二级。

Center的在线。是不在这里面要给他来一个格。对吧，叫子子叫啥子路有或者叫二级路由。什么叫抽筋？这个败类，然后写完之后是不是提示。Children是表，是一个数据。对不对，数轴里边放啥。放冰箱。他还在写上。派派大小。哎，这个还行。这还能记住，老师说你用带反斜杠不用，如果带反斜是几级路一级。如果是二，你可以代发斜，但是你要写全了。是不是从杠开始写？如果二级路由还用再写杠？没用啊，这能理解老师的意思吧，要么写全，要么不写，就这块名咱就不写了，在这上MY。那这康们。

有村。确定吗？确定吗？分啥是负数几个组件一个它这是啥？这是MY。是不就完事了，那以及还有是还有一个，还有一个，你这是不还得买一。给它格式化一下。那还有一个你是不是还得写一遍，这叫啥太。T应该叫做group group哪一个组件？G2五品对不对，完事。完事了。你看咱是不是得点击这个导航链接。经切换。对不，那所以说咱得找到谁。找到咱的这个S，你是不是得把。这啊，应该是我的订单和团购订单，是不是得把这换去，这是另。

对吧，那所以说咱搞的这话是什么route。杠。六个，那这啥是我的订单，那老师你往哪跳？咋想？是不是得写吐啊，我哪吐？Go。二。MY。对不对。对不对。哪写错了C？T2。对不，那以及底下这是不是也是一样。看这走，那这应该是是不是团购团购。团购。订单，那这个干什么，是不是group？G。De，对，不完善的。

完事了啊，嗯嗯，看完事了。为什么？你是不是得设置这个二级路口组件的出口的位置。谁港币在哪出的？说它底下这所以得加谁。杠没有叫，叫什么。是路由组件出口的位置。路由组件出口的位置，所以看这回是不是就OK了，但你发现这玩意它不会外的啊。一样啊，对一点上。但老师给你访问一下，看你感觉怪不怪，来，咱从头跑一下走。呃，买个汤。买它。去购物车结算。走，张三，来个123走。

一。完了查看订单。这要说你现在出现这个是不是对的，是因为你们K没有变。你V怎么可能对应上？这都是叶老师的话了，你K发生变化是不是才有想要相应的规律？现在是不是没有品质上。你得点一下手才有。那我说你是不是上面应该默认显示我的订单，所以你点不到谁。重定向。也就是说你这块的这块要成定向找咱的这个。Route，这比如说你上来，你看这就可以怎么样写重一项。假如说你现在访问的是谁，告诉他。Center cn，我直接要个重要，到哪right求零哪go。下MY。

这能懂？等等，也就说你现在只要一访问谁？我就要成功这个my order。这能懂不？说话，哎，这不就完事了。所以说这个小小的二级图标能不能判定？这里不应该打字。我看看。好嘞。