路由守卫

vue中路由守卫一共有三种,一个全局路由守卫,一个是组件内路由守卫,一个是router独享守卫。

全局路由守卫:

beforeEach 前置守卫

affterEach 后置守卫

beforeResolve 解析守卫

路由的守卫

beforeRouterEnter 进入组件之前触发,在Created前面

beforeRouterUpdated 路由更新但是内容不会改变

beforeRouterLeave 离开之前触发,在beforeDestory之前触发

路由独享守卫

beforeEnter 读取路由的信息

三.to ,next ,from

1.to 表示要去哪里

2.from  表示从哪里来

3.next  表示是否方向

判断是否登录,是否拿到对应的路由权限等等。

比如说,当点击商城的购物车的时候,需要判断一下是否登录,如果没有登录,就跳转到登录页面,如果登陆了,就跳转到购物车页面。

posted @ 2022-10-12 10:59  楠乔木  阅读(124)  评论(0)    收藏  举报