导航守卫-监听路由跳转过程

以修改页面title为例：
打开router文件夹下的index.js文件，添加如下代码：

//前置钩子\前置守卫
router.beforeEach((to, from, next) => {
    document.title = to.meta.title;
    next();
})

三个参数的说明：

• to：即将要进入的目标的路由对象
• from：当前导航即将要离开的路由对象
• next：调用该方法后，才能进入下一个钩子

        meta: {
            title: "about"
        }

meta：元数据（描述数据的数据）

案例到这里就结束了，前面既然提到了前置钩子，那么再介绍一下后置钩子：afterEach()

router.afterEach((to,from) => {
    console.log("after");
})

afterEach()就不用在主动调用next()
以上介绍的是全局守卫，其他的还有路由独享的守卫，组件内的守卫，详情请了解官网