路由跳转自动刷新一次页面（避免循环刷新）

VUE路由跳转后自动刷新一次页面

我们在前端开发时有时会遇到一些问题，暂时找不到解决办法只有靠刷新才能救一下。可是又不能每次都手动刷新。在网上找了很久的自动刷新办法，发现大部分都是路由跳转类的刷新，和用F5手动刷新的效果并不一样。而JS代码能够达到手动刷新的方式有两种：

window.location.reload(); //监测到路由发生跳转时刷新一次页面

或者：

this.$router.go(0)；

但是这样就又会遇到问题了，把这句代码插入哪里才能让路由跳转后自动执行呢？

我一开始尝试了把这句代码贴到 mounted() 中 但是这样页面就会陷入无限刷新的死循环，所以肯定不行，还好我最后终于找到了解决办法——用watch监听路由跳转情况，发生跳转时执行一次刷新，

代码展示：

watch: {
   $route(to, from) {
       window.location.reload(); //监测到路由发生跳转时刷新一次页面
        this.$router.go(0);  
 },
},