Vue页面中监听路由变化我们可以用watch来实现：

1. 简单粗暴解决办法

2. 将router-view用keep-alive包裹起来

首先，路由组件的渲染区域为router-view，将匹配到的路由组件渲染在该区域中，路由组件渲染默认的方式是销毁 - 创建，可以在页面的生命周期中进行测试。

由于路由组件的渲染方式，组件实例上定义的方法每创建一次组件new Vue()，方法都是新添加上去的，所以$watch这个操作就监听不到路由的变化。keep-alive组件的功能只有一个那就是缓存组件，可以让其包裹的组件不销毁，起到一个缓存的作用.此时需要注意：加上了keep-alive在第一次跳转路由后你定义的生命周期函数 created()将不会再被调用