vue2的路由导航守卫

1,导航守卫的作用与使用场景。

有的时候,我们需要通过路由来进行一些操作,比如最常见的登录权限验证,当用户满足条件时,才让其进入导航,否则就取消跳转,并跳到登录页面让其登录。这些操作呢就可以使用到路由的导航守卫。

 2,导航守卫都有什么。

全局守卫

beforeEach   全局前置守卫

beforeResolve  路由解析之前

afterEach  全局后置守卫

组件级守卫

beforeRouteEnter  路由进入之前

beforeRouteUpdate  路由更新之前

beforeRouteLeave  路由离开之前

单个路由独享守卫

beforeEnter  路由进入之前

这些导航守卫有三个参数 to from next   

to 代表到哪里去

from  代表从哪里来

next  代表执行下一步

3,导航守卫的执行顺序

全局前置

单个独享

组件前置

全局解析

全局后置

4,beforeEach  和  beforeResolve  的区别

这两个都属于全局守卫,都是在路由跳转之前就会执行的守卫,

只是beforeEach  比  beforeResolve  执行时间更早

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值