105-尚硅谷-尚品汇-用户登录（路由独享与组件内守卫）

好，各位同学，咱接着继续。刚刚是不是讲了没登录的一些情况，是不是得处理？还有一种情况是你登录。就是在你登录的情况下，还有一些地正常。哪些事老师问你？假如说你已经登录了，我问你用户，他能直接去这。好像不能是吧，所以说你看情况多不多，你就举个例子，他已经登录了，但你能直接告诉支付成功吗。不可能。对不，所以说来看这啊，所以说看这老师一个说啊看这。你看啊走，这是未登录，咱用的是全局守卫，当然还有一些，咱还有什么守卫来着。组建独享设备。叫什么组件路由独享手位或组件内手对吧，那这又有别的，你看来这样合它。

看这啊走，咱接下来说一下，正好说是谁呢，叫做组建内啊不是。什么组件？路遥独享守卫，这里面老给带跑偏。我自己写都写上了是吧，叫陆游。不啥意思，你就举个例子，我说你就假如说你已经。你看嘛，假如说你已经登咱一点来啊，我说你你登录了，就举个例子，你点击搜索没问题，是不是正常玩。咱先玩玩，买个光头，买光头好像不行。回来买个小米。看这买个小米。没问题。没问题，是购物车，举个例子啊，老师问你。就比如说交易页。交易的那个路由什么时候才能显示？你是不是只有一种情况，什么情况从结算到交易。

举个例子，老师现在啥都没买呢。我真跳角，这能对。你琢磨的对不对？就举个例子啊，现在老师你给我演示一下子，举个例子，我现在是不是没登录OK，我登录幺三七三四五六七八九十十一走，123456走。我是不是登录了，登录了我上来，哎，我是用户啊，我直接改。直接打。你说它能贵吗？不对吧，就是说你想跳到跳进这个，你必须是从哪来的。你必须得是从哪儿来的？你是不是从这点哪个按钮。点结算这个按钮是不是才能跳到交易。对不对。这能想通不？也就是说你想跳到这个交一页是有说道的。

必须从哪来？什么卡？最能懂不？那你说咱要讲的啥叫做路由独享？首位老师那天也给你们举个例子，什么叫路由独享？我只负责这条路。别的路由我不。接口不就那老师举个例子，是不是有皇帝。有太后，有妃子，我只负责我这条路。这叫路由如享所为。在哪守着很简单。在他路由这。你看这是不是叫全局？看这这是不是叫全局，还有叫啥，就是专门在谁那守的。路由这怎么这呢吗？这不就全都是路由吗？咔咔。对，不，但是你得想明白一件事，咱找哪个路由。是找还是找的。你是不是得找出的交易啊，就是你能不能进入我交易页面，是不是我得省着你符不符合条，你符合条件这不符合问他。

诶对不对，咱现在是要往哪跳交易，你交易在进交易录由组，就是这个路由主页之前，你是不是得判断能不能进，能进怎么地，不能进怎么的，对不对。想想这个道理对吧，那所以说来咱们看一下子，正好咱也说到收到水。叫做叫做啥呀？叫做路由独角守卫，但老师问，你说路由独角守卫跟全局守卫有什么区别？选举首位是什么？你只要有路由的变化。我全能检测到。而漏油独享水。只管只负责，只负责我这个语。别的发我就不管。这是你看咱找一下你就一下。来，咱找一下人家的文档，你说找谁？Router找谁指南指的当中谁导航首位导航手机当中有谁路由不享手。

你看它就一个。这啥？Before enter，老师问你这种语法。跟谁跟全局的那个回调是不是很像。To从哪来from？不是不是不是，呃，从哪来to是不是去哪去，那是不是放行。所以说咱就直接来叫啥叫比方啥意思。进入之前。对不对，那咱们找一下来，老师你找哪个路由。找交易了。就是你能不能进来，我是不是得把关来嘛，这叫啥叫陆游。独享守卫什么叫独享？吃独食。我只负责我自己。那这得有谁叫比方？Before enter啊。Enter，是他。

现你看现在老师这么一你看啊没放啊。你看。来谢老师，你别的路由受影响。别的路由受影响吗？我就像你一样，你理解一件事，什么叫路由独享？他只负责谁？这个路由当前这个路由，而别的是影响不影响，但你看蔡老师要去哪。去不了了吧？对不对，对吧，因为他现在是不是。守着门呢。你得判断咋判断。比如说你想去交易行不行？行，但你前提必须从哪来。从car。我是不是才放下？那咋判呢？如果你这位大哥from.pa从哪来？你是从杠？收car来，我让不让你去，让放心。这能懂不else？

就是假如说你从你从不是这个这个这个这个这个购物车来，你从后面来。你说你是去还是留在后面？这么老师就问你，假如现在我从后面要跳哪交易。我能让他去吗？不能，你应该求在当前中国。先把这业务想想是不是这个道理，兄弟，我现在挑设置，我现在想去交易，能去吗？去不了，你想去交易只能从购物车跳过去，从这是过不去，你过不去老师问你是回首还是停留在这。在当前呢？所以说咱会用到一个谁这个东西。哎，Nice。主要是这玩意是啥没事儿。我那天说了，咱讲全局守卫的时候其实见过一次，但那时老师说你先甭过来，咱正好遇见场景，是不是在看？咱先测试一下对不对。先别管a papi很简单，懂吧，先测试一下，你看这现在老师要去谁？

吹的，你看他去吗？不去停留在手指。但是如果你是从哪儿来？从购物车来走去不去。去。接下来的问题是，这个next fourth是什么意思来？读读。中断当前的导航这句话可能不理解，没关系，往后。如果浏览器的URL改变了。那么URL地址会重置到from对应的路地址。能理解不？说白了。Nice，放上。从哪来？回哪儿去？这能懂？你看咱在测试一下，说白了我现在从哪来，我从这个，后来我现在老师问你，我写个是走。

Else，因为你不是从购物车来。那nice代表啥？来，先读这句话，一样来第一个。你看这咱咱咱不用全图，就这如果浏览器的URL变了，咱是不是手动改。那么URL地址会重置到对应的，从哪来的？从后。刘后。能懂不能吧，所以你看那天老师也说了，我说等咱们遇见的时候是再再说，这样是不是看着就清晰啊。就是一句话，他这玩意儿就是来写一下吧，比如说你想去哪去。去交一页。页面。那你必须是从哪来？必须是从。从购物车而来，其他的呢？其他的兄弟们。其他的。呃，陆游。

啊，或者路由。组建而来，咋的停留在当前？哎，停留在啥呀，当前。还有谁来再说看谁？先退的时候搞定了。支付。你说是不是同样的道理，你什么时候能跳到智慧？来，咱买个小米。比方说你什么时候能跳到。你必须是从哪儿来的。你必须是从。交易而来，你才能致富。因为你不提交订单，你没办法，我哪知道你买啥。东西用给谁？手机号你给我少，你想想这小哥发快递我最基本到我给谁打个电话。那你支付的前提下，你必须得提交订单了，你订单都没提交，你怎么跳到支付支付页。对不对，所以一环套一环，你说找谁老师问想去谁啊。

去配。那我问你这个路由读到守是找配还是找退。就是找配呀，就是看能不能进去进谁进配，这能懂。那所以说咱找谁。找配老说你代码是不是一样。这叫叫比方。Be。是不是就他before enter，哎，是他吧，是啊，走是不是有回调，有to your from your nice。来判断，比如，如果你是从哪儿来的from点。写差评了。感觉像叉皮的。那指定差，那语法明显过不去。是吧，干啥？这要注意啊，比如说如果你是从哪来if。

掉。等等，从哪来的杠？脆的。您兄弟走，你们。对不对，那假如说从别的路由而来。停留在。当前这这我你跟底下是一样。这能不能想通？老吧，当然写三元也行。对不，那咱们这回再看你看你这回还能不能去支付成功，你想你都没买呢，你给我支付什么成功，支付成功。对不，那你要明白啊，这行代码它只会影响到，只会影响到这个，而全局是不是全会影响。那么说你说对于全局导航和路由独享的这种，我问你谁要。你的。就是这个逻辑更清晰。就是就是你看同样是写代码，你是写在全局里边要想的更仔细，还是写在这想的要更仔细，全局。

为啥？因为全局是你只要有路由发票，是不是就要考虑。我管你谁呢？而他呢？是不是只负责自己的这一部分业务？对不对吧，啊，咱们测试一下吧，来再看。现在去配他去不了，但是你只能从哪去？从交一下看着啊走。结算，当然这个不一定能成功。诶成功了，是不是就单号。对，那还有一个点啊。支付成功。支付成功必须从这。中配了，说老师那我知道了。原封不动。再复制一份是不是就行了，哎，这回咱不用它了。老师问你，咱首位还有一种就是。叫。组件内首位。你看，所以说正好这个多说说。

但是一定要注意谁用的比较多。全局。顶多再加一个路由独享组件内首位很少。但是你得咋知道？什么叫组建？那手呢？老师问你。在哪洗？你就想想全局是不是在router那个那个index点里边写，路由独享是在路由那块写，什么叫主编内。在哪写组件类型？所以说咱们的回首呢，也看一下。来说一下VE。搜一下它的文档，找一下它的有routeor，你得知道找哪，是不是找这个导首位有啥，组建内首位有几个。大概看能不能看到。是不是进这个路由之前。进这个路由咋的了？更新了，离开这个路由了，就跟你去皇上那个屋是一样的。进去前。

进去了，进去跳个舞更新对吧，又出来了，是不怎么着的，这不一样。所以说呢，一定要注意，还有一种叫组建内，这个东西有一说一用的不是很多。要么全局。要么路由独享组件内首位。但是你也得会。什么叫组建？内在哪写？组件里面。那你要注意，咱接下来要判断的是判断是不是要要要进哪。Size。OK吗？当然说老师，我这个在哪写在这个pay success这个路由，这写行不行，写那个路由无效收费可不可以可以。这能理解不，咱只是捎带表。再讲一下谁。组件内首位就是他怎么写你也得会。这能懂不啊，那所以说咱们找到谁，你就不能在这在这里写的，这叫啥路由独享是不是只管我的。起来，这叫啥？全局。

就是谁动他，我都要查一查，他是你去皇帝的路，去太后的路。对吧，只负责那一片区域的，那当然还有个叫组件内，那咱找这个组件叫啥pay success。照一下。是不是？对吧，关掉关掉关掉这关掉。关掉来，哎，这里面还挺干净的啊。好，那咱们就说这叫啥，这叫组件内。是。有几个呢？有三个，咱看下第一个。叫before root enter，咱就直接给他打了。但你要注意它这个单词当中多了一个router。看不看见root？是不是进这个路由之前。咱先稍微读读啊，老师问你这是个方法还是个啥？是不是相很像钩子是不是一个函数？

它是不是也有to，也有from，也有N。对不，那咱来啊，你看。老师说你什么时候能进到这个配赛？你是不是从支付而来的？我是不是才能进配塞对吧，那咱先看现在老师问你们放行。没有没有，咱先打开看一下，刷新看一下。幺三几幺三七三四五六七八九十十一走123456走，咱先测一下这个老师现在直接想去哪。呸。是个size Su发现的CCES，你看放行。不放。这个门卫是不是拿着个大刀？搁这儿看着呢。但是咱们得读读里面这句话，说这几个参数能理解吗？科长在渲染该组件对应路由被confirm前调，啥意思？

就是你要访问这个路由了，我确定我要来这了。我是不会执行一次你看嘛。刷新看下。对不对。这句话懂不懂在渲染该组件对应的路由被确认，这confirm是不是确认前掉了？说白是想来他这是不是会掉名次。你看你这加上。你看这还看人，官网还特地给你加了点。叹号不能获取组件实力，为啥？你还没跳进来，有组建实力吗？没有所有人看，咱打印一下谁。This。你看嘛。是吧，你办就想想这个组件是不是还没挂载还没有呢，是进去之前拿不到组件实力了。还有个地也拿不到这啊，真的是拿不到组建实力上那个数据。叫before。

但然比方能不能拿到组件，实力能，但是拿不到啥，想要吃数据。对，但是他是啥啥都拿不到，就是干净。对不，那也也解释了，不因为啥，因为当守位执行前组建实力还没有打被创建，因此拿不到谁。OK，不，那我说你这要不要判断进去之前。要打牌的，如果如果是。你从哪for from点你从哪来的？杠。叫啥来？这不叫啥来着。叫配吧，是叫配吧。是。走，你。这就放学。其余的兄弟们呢？对不？那咱们先试一下子啊走。刷新。诶，什么鬼。

什么鬼，刷新看一下走，我看代码写对不对啊。对不对吧，好，那咱们看一下走，咱先一个来走。走，哎，这个很晚。这不能买了，咱再买小米。走来看一下，走走走买仨，我也忘了买几个。21个是吧。咱们的这个这个购买力还是很强的。走看一下子能不能过去123，希望有订单号，哎，真有看。对不对，对吧，是不是可以过来，那假如说老师从这呢。呃，叫叫叫叫Su是，他是停留在当前。能动。能把当然说老师我不写在这行不行行。你写在哪？路由图像。因为他只负责自己，这，这能懂吗？

好了，那再来，还有就是。这叫before root update。咱给他打的logo你看啊。但是咱在这儿没法没办法触发它，你看咱稍微给它折一下。这怎么还得不上呢？折不上吧，咱搁这折。啊，对准了啊。数这来看这。我就想给他折，怎么折不上呢？甲醛是吧？好，打开吧。看这，再看这。叫before root update。单独多。在当前。路由改变。但是该组件被复用时用这句话我不知道你能不能理解。现在暂时是不是理解不了再读多。举例来说。

对于一个带有动态参数的路径，什么叫动态参数占位？是不是得加倍？当站位的参数发生变化的时候，就比如说原来是看商品一发家变成二，我问你这个组件有没有被用。用。是不是这个道理？之间跳转的时候。由于会渲染同样的组件，因此组件实力会被复用，而这个钩子在这种情况才会被调用。而且可以访问到什。势必在，但是现在要说咱能出房。触发不了。但是你得知道老师来个啥，123123123。啥意思啊，老师大概说一下咱是哪个组件。Pay success。再找一下吧。再重新拍一下路由。乖乖。

哎呀，老师老师大概说一下子啊，不找了，这你看啊啥意思啊，就是比如说啊，你看啊，咱找一个还是买个小米。买个小米。买三你们别点啊，你们先别点啊，怎么24个，24就24个走，就举个例子啊，比如我给张三买一个，你看这就假如说你配克赛当中，这代表啥占位。一。听懂不就比如你要看第一个产品商品的详情，就比如咱详情上是不是有。还记不记得比态啊？底是不是占位的那个，举个例子，比如说这是一你进来一次。你二有没有发生变化？变了吧，那变了他才会打处罚，这能懂不？当然咱现在这个这个这个这个这个是站位的路由吗。不是，所以说你看他能触发触发不了。好。诶。回不去了。

我知道他返回都不让返回。好，那咱再回来一下。走，所以这个一定一定要注意啊。这句话能理解吗？这能理解。吧，所以说这个呢，咱暂时还没办法出发，到时候你可以去哪，是不是去底测试一下。因为咱底套到时不有对吧，咱净买四块钱不知道这个。这能买吗？搁哪过来的呢？数据都给我反错了是吧，张龙。哎，这为啥不叫网红呢？走了，当然咱现在发不了。OK吧，你看老师在这有没有打，打123 123打了吧，他现在没有出发，因为这边你没没有带那个动态餐。当然还有一个是谁。就这玩意。离开。什么叫离开老师？是离开这个路由组件的时候会出发。对不，而且你看啊，导航离开该组件时，对应路由会被调用，而且可不可以获取到，这可以对吧，那老师这块呢，我先给他来个啥。

123123123不必须123再来啥666。举个例子，现在老师一点他，我想让他离开，举个例子啊，我现在想要去哪。诶。等会儿走看，这现在老师呢，买一个光头买不了买个小米。走。小米。25个的是吧，走，看着走。再走，这回给谁呢？张三吧。提交。走开。走，现在老师问你啊，没有处罚。你看假如说我要去哪儿去查看订单。是不是要离开，是不是出发，但我说你离开，现在能离开。没有。说你离开一般你判断。不用离开，你就消停，这样你咋的？

走，你就完事了。这。不写就完事了。这能懂不？这能不懂，就是你离开，你也得咋的放行，但是老师说实话，你这样有用。但是有些场景万一要。对不对，对吧，所以说你这块要注意这几个玩意儿，你要往心里边儿去记。O，不OKOK吧，但是老师还是那句话，谁用的比较居多。全局加上路由独享，但是这种你得知道这叫啥。组建那时有几个？进来之前更新你看，但你要注意这玩意是什么时候才会用的。动态参数，什么叫动态参数？老师来解释一下，到时候你们可以测试，就举个例子，在哪个页面就是。我说测不测有一个特明显。服用。低。11老了，是不是这个详情？

再来，老师问你有没有服用？有没有富有吧。啊，这样说才说好吧。好了，老师呢，也停一下停。