vue工程的router钩子函数全解（实现页面的拦截、跳转、判断）

3.3 beforeRouteLeave

四、路由监听watch

---

vue工程的router很强大，其强大的的钩子函数更流弊，可以实现很多页面的拦截、跳转等功能

一、全局导航钩子函数（全局守卫）

---

1.1 全局前置守卫：beforeEach

作用：全局的before钩子函数，在每次每个路由改变的时候都会执行

常用场景：需要登录后再跳转

参数：

• to:route路由对象，即将要进入的目标。头对象下面的属性有path params query hash fullPath matched name meta

• from：route路由对象，要离开的路由。

• next：next(),函数，调用方法：next()或者next({path:‘/home’});这个函数必须调用。

使用流程：

const router =new Router（{……}）;

router.beforeEach((to, from, next) => {

});

1.2 全局后置守卫:afterEach

作用：页面加载之后执行。没有next方法，不