老师,路由守卫课程里讲过吗?没有印象了

老师,路由守卫课程里讲过吗?没有印象了

对这两个函数的执行时机不太懂,麻烦老师讲解一下
http://img1.sycdn.imooc.com//climg/612c98c909d2ca2a06920158.jpg
beforeEnter是指跳转到某个组件之前执行吗?
http://img1.sycdn.imooc.com//climg/612c98f909c946f610810159.jpg
beforeEach是什么时候执行的?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,对于你的问题解答如下:

1、之前没有讲过,本节课就是结合实际案例讲解路由守卫相关知识的。

2、beforeEnter是指进入到某个路由之前执行。以下图的源码为例:

http://img1.sycdn.imooc.com//climg/612ca501095b941807190243.jpg

在login这个路由下添加beforeEnter,那么就只有在进入login这个路由时,才会触发这个方法,进入其他路由并不会触发。示例:

(1)进入/路由,展示home页,控制台没有输出任何内容,如下:

http://img1.sycdn.imooc.com//climg/612ca56b09274eac14340265.jpg

(2)进入/login路由,展示登录页,触发该路由下的beforeEnter方法,控制台输出对应的内容,如下:

http://img1.sycdn.imooc.com//climg/612ca5e409a6b69214130628.jpg

3、beforeEach 是指进入任何路由之前都会执行。以源码为例:

http://img1.sycdn.imooc.com//climg/612ca74b0980f0ab09580743.jpg

测试结果如下:

进入/login路由,会触发beforeEach方法

http://img1.sycdn.imooc.com//climg/612ca77009df57dd12850654.jpg

进入/路由,也会触发beforeEach方法

http://img1.sycdn.imooc.com//climg/612ca792099292ba12080417.jpg

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师