vue刷新当前页面

我们经常遇到此种情形，当新增编辑完成后，需要重新刷新页面数据，重新调用接口较多时，挨个调用过于繁琐；甚至可能遇到跨组件调用的问题，毫无疑问，处理起来有些许费力，本文就将如何处理这种情况可用方案进行总结：

方案一：整页刷新–不推荐

实现

location.reload() 
this.$router.go(0) 

优点

1.代码简单，仅需一行代码即可实现效果；
2.便于理解，相当于重新加载一遍系统；

缺点

相当于按ctrl+F5 强制刷新，整个页面将重新加载，故而加载速度慢，会出现一个瞬间的空白页面，体验感不好。

方案二：路由跳转当前页面–不推荐

实现

1.当前页面增加页面跳转

this.$router.replace({
   
  path: this.$route.path,
  query: {
   
    routeKey: new Date().getTime()
  }
})

2.监听当前页面路由变化

watch: {
   
  '$route'(newVal)