vue组件复用不重新加载问题

需求：

    1、vue-router： 嵌套路由 

    2、 组件在router-view内复用(除页面跳转)

    3、 Tab切换根据id请求渲染

    4、  路由传参，$route.params.id   获取

    组件复用如： http://192.168.1.4:8090/navpage/147

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

        点击路由的时候只需变化router-view 绑定的key值就ok  

        $route.path == 147||258||369