vue 跳转 同一路由不刷新问题解决

 

 主要问题

　　vue 同一路由跳转不走生命周期，导致数据不更新

　　不管是动态路由还是？传参  。都不走

办法一：

　　使用watch 监听路由变化。手动更新数据。

办法二 ：

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

使用这个可以完美解决不刷新问题。

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

　　如果想强制刷新，可以在根路由上为其分配一个唯一key。采用$route.fullpath作为其唯一key。这样vue就回认为内部路由每个都是不同的路由，在跳转时便会强制刷新组件