路由缓存

2021-12-15  本文已影响0人  云瑶糖糖
  1. keep-alive组件
<!-- keep-alive用于缓存路由组件,默认情况下会缓存打开的所有组件,
如果需要指定缓存哪些组件,通过include属性指定。 -->
<keep-alive :include="['newsGn','newsGj']">
    <router-view></router-view> 
</keep-alive>
  1. 路由组件特有的两个生命周期
// 路由组件激活状态生命周期函数
activated() {
    // 开启定时器
    this.timer = setInterval(() => {
        this.count++
    }, 1000);
},
// 路由组件失活状态生命周期函数
deactivated() {
    clearInterval(this.timer)
},
上一篇 下一篇

猜你喜欢

热点阅读