vue同路由跳转页面不刷新的解决方案

场景：使用router-view时，如果在相同路由之间跳转，默认在跳转路由时会采用缓存策略,并不会刷新当前路由组件。即mounted,beforeDestory等钩子函数并不会触发

第一种

解决：给router-view设置一个唯一值key，跳转时，传入不同的query参数即可

 <!-- 添加:key="$route.fullPath"防止同路由页面不刷新问题 -->
 <router-view :key="$route.fullPath"></router-view>

第二种

//  在watch函数中监听路由变化
watch: {
  '$route': function (){
    //重新新页面的数据信息
  }
},