Vue关于beforeRouteEnter以及beforeRouteLeave函数的运用

先上代码

beforeRouteEnter:(to,from,next)=>{

    console.log("进入路由之前")
    next(vm =>{
      vm.getData();
    });
  },
  beforeRouteLeave:(to,from,next)=>{
      console.log("进入路由之后")
      next();
  },
  methods:{
    getData:function (){
      this.axios({
        method:"get",
        url:"http://localhost:8081/static/mock/data.json"
      }).then(function (response){
        console.log(response)
      })
    }
  }

我们可以看到beforeRouteLeave有三个固定的参数，也就是to，from，next，

对于参数next，我们可以对他进行操作

next也是一个函数，我们传递不同的参数会有不同的效果

还有一点，如果我们想要去掉路径上的*号，可以在router配置中的

mode属性选择history