组件内部的路由守卫
- 基本形式:
export default {
name: "Cart",
beforeRouteEnter(to, from, next) {
// 进入当前组件 当前组件不存在 this不存在
//console.log(to,from);
//如果想获取组件的实例
//给next 添加一个匿名函数回调 形参vm 代表当前组件
next((vm)=>{
// console.log(vm);
// vm等价this 指当前组件实例 可以操作当前组件的相关变量
});
},
beforeRouteUpdate(to,from,next){
// 在当前路由改变,但是该组件被复用时调用