vue router-view 复用组件不刷新解决办法

我们在做项目的时候经常会遇到这样的情况，两个页面相差无几，这时候就需要复用组件了。

{

      path:'/proList',

      name:'proList',

      component:proList

    },

    {

      path:'/special',

      name:'special',

      component:proList

    },

但是也会产生相应的问题，比如说，页面不刷新，不会重新发起请求。

今天我的解决办法是添加watch监听路由变化（据说是官方推荐方法）

watch:{

        '$route'(){

            this.getProList();//我的页面数据方法

        }

    },

亲测有效！

完美解决问题~

查阅资料，还可以通过给router-view添加一个动态变化的参数解决。表示没有亲自测试~