以不同的路由参数实现组件的复用以及监听路由参数的变化

1. 前提
   当使用不同的路由参数时，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。所以才需要监听路由参数的变化以得到页面不同的数据渲染效果
2. 使用watch监听路由参数的变化

watch: {
  // 用来监听路由参数'$route.params.id'的变化，handler方法表示监听到路由参数变化后所做出的动作，参数newVal表示新的值
 '$route.params.id': {
      handler (newVal) {
        console.log(newVal);
        //这里写监听到参数变化后需要执行的动作
      },
      immediate: true,
      deep: true
    }
}

watch的用法以及响应路由参数的变化详见官网api：
链接1
链接2