Vue之Vue-router全局路由钩子
路由钩子,钩子是什么鬼?简单点说就是一个弯道的弯儿~ 弯儿的左边,右边就是即将离开的路由,即将进入的路由!全局路由钩子的方法是router.breforEach,写在main.js中,用法如下//全局路由钩子router.beforeEach((to, from, next) => {/** to下一个路由路径* from上一个路由路径* 需要调用next()生效/next()...
·
路由钩子,钩子是什么鬼?简单点说就是一个弯道的弯儿~ 弯儿的左边,右边就是即将离开的路由,即将进入的路由!
全局路由钩子的方法是router.breforEach,写在main.js中,用法如下
//全局路由钩子
router.beforeEach((to, from, next) => {
/*
* to下一个路由路径
* from上一个路由路径
* 需要调用next()生效
/
next()
})
简单粗暴的写法,只要进行了路由跳转,路由钩子就会执行
to:代表的是即将进入的路由的详细信息
from:代表的是即将离开的理由的详细信息
next():调用后是在路由钩子中书写的代码生效,必不可少!
全局路由钩子就是这么简单,简简单单~
更多推荐
已为社区贡献4条内容
所有评论(0)