如何检测Vue应用程序内的页面重新加载并重定向用户

Question

如何通过vue-router在vue应用程序中检测页面重新加载（以避免丢失内存数据），并在询问用户要做什么（继续/取消）后将其重定向到给定页面？ / p>

下面的代码可用于检测重新加载，但是如果我将其放入main.js中，则无法使用路由器，如果将其放入App.vue中（我正在使用vue-cli 3.0项目），用户被重定向，但是所有内存中的数据都消失了……

switch(performance.navigation.type) {
   case 0:
     console.info("TYPE_NAVIGATE");
     break;
   case 1:
     console.info("TYPE_RELOAD");
     alert('reload')
     this.$router.push({ name: 'home' });
     break;
   case 2:
     console.info("TYPE_BACK_FORWARD");
     break;
   case 255:
     console.info("255");
     break;
}