解决使用exclude后activated和deactivated失效问题

在一个项目中如果我们想每次访问一个界面时只访问一次ajax数据，那我们可以使用我们的keep-alive属性，一般我们用来包裹，这样当我们第一次访问某个页面时保存当前页面的ajax数据，但是有时候我们想访问某个页面不保存他的ajax数据，而是重新加载，这时候我们只要单独设置一下这个组件就行，这里要用到我们要讲的exclude属性，然而这样也会带来一个问题，我们都知道，使用keep-alive时vue会给我们多添加两个钩子，activated和deactivated，他们分别在页面重新显示和消失时启动，但是当我们使用exclude后，这两个钩子就会消失，那我们该怎么解这个问题呢？我们来看个例子：

activated:function()
{
	window.addEventListener('scroll',this.handleScroll)
},
activated:function()
{
//	进行全局事件的解绑，当当前页面被替换或者隐藏时触发，以致事件不会对其他页面产生影响
    window.removeEventListener('scroll',this.handleScroll)
}

在这个组建中我们用了这两个钩子，此时我们还没用exclude属性，上面的思想就是当我们重新显示这个页面时，我们拖动页面就会触发handleScroll函数，当我们离开页面时，这个效果就消失以致不会对其他页面产生影响，但是当我们用了exclude后，由于这两个钩子会失效，我们该怎么去解这个问题呢？看代码：

mounted:function()
{
	window.addEventListener('scroll',this.handleScroll)
},
destroyed:function()
{
//	进行全局事件的解绑，当当前页面被替换或者隐藏时触发，以致事件不会对其他页面产生影响
    window.removeEventListener('scroll',this.handleScroll)
}

我们用mounted和destroyed来代替他们，它们的功能一样。