Vue之Vue-router全局路由钩子

路由钩子,钩子是什么鬼?简单点说就是一个弯道的弯儿~ 弯儿的左边,右边就是即将离开的路由,即将进入的路由!

全局路由钩子的方法是router.breforEach,写在main.js中,用法如下

//全局路由钩子
router.beforeEach((to, from, next) => {
/*
* to下一个路由路径
* from上一个路由路径
* 需要调用next()生效
/
next()
})

简单粗暴的写法,只要进行了路由跳转,路由钩子就会执行

to:代表的是即将进入的路由的详细信息

from:代表的是即将离开的理由的详细信息

next():调用后是在路由钩子中书写的代码生效,必不可少!

Vue之Vue-router全局路由钩子_第1张图片


全局路由钩子就是这么简单,简简单单~

你可能感兴趣的:(Vue,JavaScript)