vue路由安全守卫 （组件内路由守卫）

组件内部的路由守卫

• 基本形式：

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){
   
      // 在当前路由改变，但是该组件被复用时调用