vue路由的机制是这样的：
不同的路由vue会刷新并跳转到相应路由，但如果是下一个点击触发的还是当前路由则当前路由页面不会被刷新
要解决的问题是：
很多时候是通过地址传参触发同一个页面就没法加载不同的数据
解决思路：
虽然下一个点击还是当前路由不会刷新当前路由，但我们知道$route路由数据此时是发生了变化的，比如$route里传递的参数信息会随着每次不同的点击发生变化，那么我们利用这一点使用vue的watch去检测这样的变化然后再重新请求数据请求接口即得到想要的数据
... ...watch: {// 利用watch方法检测路由变化：'$route': function (to, from) {// 拿到目标参数 to.query.id 去再次请求数据接口this.loadPageData(to.query.id)}}... ...
扩展知识：
$route是什么？
$route理解为当前正在跳转的路由对象，可以从两个形参to与from得到目标路由与上一个路由相关数据对象（传递的参数 path等）
一、为什么刷新后数据会丢失 vuex存储的数据只是在页面中，相当于全局变量，页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存
原文网址：[Vue--Router--解决多路由复用同一组件页面不刷新问题\_IT利刃出鞘的博客-CSDN博客][Vue--Router--_IT_-CSDN] 简介
问题描述： vue单页面应用的路由为history模式时，刷新页面后时常会404。 问题分析： 页面刷新时会重新向服务器发起请求，因是单页面应用，故仅存在一个页面，非
看到浏览器中地址在变。页面却一直更新不动。尝试很多方法。在App.vue中 <router-view>增加标识key无效的。可以往下面看 ![watermark_type_Z
我不想知道原理，能实现就行 日常中有很多页面公用一个头部，用来切换，我习惯于用父子路由的方式写，像这样 ![在这里插入图片描述][watermark_type_Z
Vue-Router 详细介绍 使用[ Vue.js][Vue.js] 和 vue-router 创建单页应用非常的简单，使用 Vue.js 开发，整个应用已经被拆分成了独立
vue路由的机制是这样的： 不同的路由vue会刷新并跳转到相应路由，但如果是下一个点击触发的还是当前路由则当前路由页面不会被刷新 要解决的问题是： 很多时候是通过地址传参
淩亂°似流年
末蓝、
今天药忘吃喽~
傷城~
「爱情、让人受尽委屈。」
还没有评论，来说两句吧...