vue router结合keep-alive使用导致的问题

使用很简单，在路由显示的位置用keep-alive包裹起来即可

<keep-alive>
    <router-view/>
</keep-alive>

这样每个页面就会缓存页面的变化，但是使用过程中发现，mouted等钩子函数除了第一次进入页面之后，将不再执行，这是因为组件是被放在缓存中的。

这个时候可以使用keep-alive的钩子函数来实现，activated(是再进入这个组件时触发得)和deactivated（是再离开这个组件时触发得）

activated () {
     alert("你来了") 
},
deactivated () {
   alert("你走了")
},

这样，每次进入页面后都会执行activated()函数，每次离开页面都会执行 deactivated()函数了。