vue 判断页面是首次进入还是再次刷新

需求：
默认打开页面请求相应的接口，执行任务
当页面刷新时则代表放弃该任务，请求新的任务进行执行

created(){
    //刷新页面代表放弃任务
    let refreshNumsValue 
    //判断页面是否含有缓存，有则代表再次刷新，无则代表首次进入页面
    if(localStorage.getItem("refreshNums")){
      refreshNumsValue = Number(localStorage.getItem("refreshNums"));
      refreshNumsValue += 1
      localStorage.setItem("refreshNums",refreshNumsValue)
      //调用放弃接口及执行页面相关接口逻辑
    }else{
      refreshNumsValue = 1
      localStorage.setItem("refreshNums",refreshNumsValue)
      //第一次进入页面需要执行的接口逻辑
    }
  },
    //离开页面时清空缓存进行跳转
    beforeRouteLeave:(to, from, next) => {
      localStorage.removeItem("refreshNums")
      next();
    },