项目中遇到的问题

当导航栏菜单跳转到相同的页面，只有参数不同时，页面不会进行刷新加载。

由于页面的复用，根据路由传递参数的不同，进行页面数据的渲染

        最开始是使用了watch来进行路由的监听，但是路由并没有发生变化，只是参数发生了改变，只会在当前页面进行刷新。

      由于 Vue 会复用相同组件,  /page?id=1跳转到 /page?id=2 这类链接跳转时, 将不在执行 created,mounted 之类的钩子, 这时候你需要在路由组件中, 添加 beforeRouteUpdate 钩子来执行相关方法拉取数据。

 onBeforeRouteUpdate( to =>{
   // console.log(to.params, to.query)
   })

也可以在<router-view>中添加key值

<router-view :key="$route.fullPath"></router-view>

在<router-view :key=‘$route.fullPath‘>中，通过绑定一个fullPath，可以识别当前页面路由的完整址，当地址发生改变(包括参数改变)则重新渲染页面(例如动态路由参数的变化)，所以组件被强制不复用。