美文网首页
路由缓存

路由缓存

作者: 云瑶糖糖 | 来源:发表于2021-12-15 15:00 被阅读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)
    },
    

    相关文章

      网友评论

          本文标题:路由缓存

          本文链接:https://www.haomeiwen.com/subject/czhpfrtx.html