Vue 中使用watch监听$route 无效问题

Vue 中使用watch监听$route失效问题！

今天在项目操作中发现一个问题，在watch里面监听$route变化，发现并没有监听到，查阅了一些资料最终解决，现写出与大家共同分享，也忘出现此问题的同学也能顺利解决。

路由词典：
{
      name: 'secondUser ',
      component: secondUser,
      path: '/secondUser',
}
-------------------------------------------------------------------------------------------------------------------
页面中监听
 watch:{
        '$route'(to,from) {   
            console.log(to,from);
        }
    },

结果我们发现在路由跳转后，我们的console并没有输出东西，加了断点发现也并没有执行到里面，原来，我们用watch监听路由变化，我们的路由一定要有子路由，监听变化也紧局限在父子路由中，也就是我们这个路由一定要有子路由，在子路由跳转过程中会调用watch，能成功监听！

我们为secondUser路由增加了两个子路由！
-------------------------------------------------------------------------------------------------------------------
我们发现在进行父子路由跳转过程中，我们的watch可以坚挺到路由变化了！
--------------------------------------------------------
{
      name: 'secondUser ',
      component: secondUser,
      path: '/secondUser',
      children: [
        {
        path: 'user',
        name: 'user',
        component: user,
        },
        {
        path: 'userName',
        name: 'userName',
        component: userName,
        },
      ]
    },

都是细节坑啊~~~
没注意就要踩一下，希望大家可以少采坑！