路由中的钩子函数

路由中的钩子函数我们一般只用两种,他们可以写在index.js中,也可写在模板,但是写在index.js中只能写beforeEnter不能写离开的钩子函数,而且在模板里能写两个都要在中间加一个Route,无论哪种书写方式,都要注意是使用三个参数的箭头函数,一定要写next(),它相当于一个开关,有了他才能接着跳转


index.js

1
2
3
4
5
beforeRouteEnter:(to,from,next)=>{
console.log(to);
console.log(from);
next();
}

Hi.vue

1
2
3
4
5
6
7
8
9
10
beforeRouteEnter:(to,from,next)=>{
console.log(to);
console.log(from);
next();
},
beforeRouteLeave:(to,from,next)=>{
console.log(to);
console.log(from);
next();
}
-------------本文结束感谢您的阅读-------------