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

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


    

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

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

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

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

 

你可能感兴趣的:(vue,vue)