1.Keep-alive 是什么？

keep-alive 是 vue 中的内置组件，能在组件切换过程中将状态保留在内存中，防⽌重复渲染 DOM
keep-alive 包裹动态组件时，会缓存不活动的组件实例，⽽不是销毁它们
keep-alive 可以设置以下 props 属性：
- include - 字符串或正则表达式。只有名称匹配的组件会被缓存
- exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存
- max - 数字。最多可以缓存多少组件实例

<template><div id="app"><div id="nav"><router-link to="/">Home</router-link>|<router-link to="/about">About</router-link></div><keep-alive include="Home" exclude="About"><router-view></router-view></keep-alive></div>
</template><style>
</style>

设置了keep-alive 缓存的组件，会多出两个⽣命周期钩⼦（ activated 与 deactivated ）

2.使用场景

使⽤原则：当我们在某些场景下不需要让⻚⾯重新加载时我们可以使⽤ keep-alive

举个栗⼦:

当我们从⾸⻚ –> 列表⻚ –> 商详⻚ –> 再返回，这时候列表⻚应该是需要 keep-alive
从⾸⻚ –> 列表⻚ –> 商详⻚ –> 返回到列表⻚(需要缓存) –> 返回到⾸⻚(需要缓存) –> 再次进⼊列表⻚(不需要缓存)

这时候可以按需来控制⻚⾯的 keep-alive 在路由中设置 keepAlive 属性判断是否需要缓存;

对keep-alive的理解是什么？相关推荐

深入理解Ribbon之源码解析
什么是Ribbon Ribbon是Netflix公司开源的一个负载均衡的项目,它属于上述的第二种,是一个客户端负载均衡器,运行在客户端上.它是一个经过了云端测试的IPC库,可以很好地控制HTTP和TC ...
Activity采用栈式管理的理解
本文来自:安卓航班网 Android针对Activity的管理使用的是栈,就是说某一个时刻只有一个Activity处在栈顶,当这个Activity被销毁后,下面的Activity才有可能浮到栈顶,或者 ...
《深入理解Java虚拟机》-----第3章垃圾收集器与内存分配策略
Java与C++之间有一堵由内存动态分配和垃圾收集技术所围成的"高墙",墙外面的人想进去,墙里面的人却想出来. 3.1 概述说起垃圾收集(Garbage Collection,G ...
深入理解JVM之二：垃圾收集器概述
前言我们知道Java的内存区域分为程序计数器.虚拟机栈.本地方法栈.Java堆和方法区,而且其中的程序计数器.虚拟机栈和本地方法栈都是线程独立的,也就是说这三块内存区域的生命周期与线程是同生共死的. ...
《深入理解java虚拟机》学习笔记四/垃圾收集器GC学习/一
Grabage Collection GC GC要完毕的三件事情: 哪些内存须要回收? 什么时候回收? 怎样回收? 内存运行时区域的各个部分中: 程序计数器.虚拟机栈.本地方法栈这3个区域随 ...
课时 16 深入理解 etcd：基于原理解析(曾凡松)
本文将主要分享以下三方面的内容: 第一部分,会为大家介绍 etcd 项目发展的整个历程,从诞生至今 etcd 经历的那些重要的时刻: 第二部分,会为大家介绍 etcd 的技术架构以及其内部的实现机制, ...
使用java理解程序逻辑第十二章_Java弱引用的理解与使用
Java弱引用的理解与使用 WeakReference 前言看到篇帖子, 国外一个技术面试官在面试senior java developer的时候, 问到一个weak reference相关的问题. ...
Eureka深入理解
客户端负载均衡Ribbon,声明式的Http Client Feign,那我们回到Eureka上面去,我们对Eureka进行一些补充,对他进行一些更深入的理解,我们来看Eureka的文档Service ...
TCP的FIN_WAIT1状态理解|深入理解TCP
原文链接: https://blog.csdn.net/dog250/article/details/81697403 近期遇到一个问题,简单点说,主机A上显示一条ESTABLISHED状态的TCP连 ...
深入理解Spark 2.1 Core （六）：Standalone模式运行的原理与源码分析
我们讲到了如何启动Master和Worker,还讲到了如何回收资源.但是,我们没有将AppClient是如何启动的,其实它们的启动也涉及到了资源是如何调度的.这篇博文,我们就来讲一下AppClient ...

对keep-alive的理解是什么？

1.Keep-alive 是什么？

2.使用场景

对keep-alive的理解是什么？相关推荐

最新文章

热门文章