vue同一条路径下使用共同组件数据不刷新问题

问：同一条路径下首页和首页中不同子路径使用共同的组件，只有router-view发生变化，当在路由中改变共同使用组件的数据时，组件不刷新

解决方法：

一：

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

watch: {
    $route(to, from) {
      this.data=newdata
    }
  }

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

使用:key="$route.fullPath"

通过绑定一个fullPath，可以识别当前页面路由的完整地址，当地址发生改变或者参数改变时，则重新渲染页面