什么是keep-alive

1、什么是keep-alive

keep-alive是vue.js提供的内置组件，是用来缓存组件时避免多次加载相应的组件,减少性能消耗，同时保存其包裹组件的状态，使其不被销毁防止多次渲染，简单一点来说就是从首页跳转到其他页面后回退到首页不用在重新执行首页的代码，只会从缓存中加载之前已经缓存的首页，这样可以减少加载时间及性能消耗，提高用户体验性。

2、keep-alive属性

include - 字符串或正则表达式。只有匹配的组件会被缓存。
exclude - 字符串或正则表达式。任何匹配的组件都不会被缓存。

3、keep-alive使用

缓存动态组件：

keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们：

<!-- 基本 -->
<keep-alive><component :is="view"></component>
</keep-alive><!-- 多个条件判断的子组件 -->
<keep-alive><comp-a v-if="a > 1"></comp-a><comp-b v-else></comp-b>
</keep-alive>

缓存路由组件:

直接把 keep-alive包裹住路由标签router-view,缓存所有的路由

<keep-alive><router-view/>
</keep-alive>

什么是keep-alive相关推荐

转载：有关SQL server connection Keep Alive 的FAQ(3)
转载:http://blogs.msdn.com/b/apgcdsd/archive/2012/06/07/sql-server-connection-keep-alive-faq-3.aspx 这个 ...
有关SQL server connection Keep Alive 的FAQ(3)
这个是SQL Server Keep Alive FAQ文章的最后一篇. 问题1:为什么我在客户端设置了KeepAlive值,但是我使用SQL server management studio 测试的 ...
ES-PHP向ES批量添加文档报No alive nodes found in your cluster
ES-PHP向ES批量添加文档报No alive nodes found in your cluster 2016年12月14日 12:31:40 阅读数:2668 参考文章phpcurl 请求Chu ...
(chap2 简单的Http协议) HTTP性能优化之持久连接Keep Alive
1. 持久连接节省流量在一开始的HTTP协议中,每进行一次HTTP 通信就断开一次TCP连接. 在请求一个很多资源的HTML页面的时候,每次连接都会造成无所谓的TCP连接的建立和断开,增加了通信量的 ...
有关SQL server connection Keep Alive 的FAQ(2)
这篇文章再进一步讨论有关Keep Alive的几个问题. 1.Keep Alive机制,是否只和特定的provider有关,比如SQL native client, odbc, oledb, ADO等 ...
论文阅读 | Bringing a Blurry Frame Alive at High Frame-Rate with an Event Camera
前言:这是一篇事件相机面向去糊方向的文章.发表在了CVPR2019 oral,之后也改进出了一篇PAMI.内容主要是对事件相机的成像原理和图片的模糊原理进行建模,整理出公式并给出了优化函数,通过不断调 ...
ES-PHP 聚合查询时 No alive nodes found in your cluster
文章目录场景过程解决场景一个聚合查询,时间范围短时,正常响应; 时间范围长时,异常:查看日志 No alive nodes found in your cluster 线下环境限于数据量的问 ...
keep alive是什么？
当我们第一次进入列表页需要请求一下数据,当我从列表页进入详情页,详情页不缓存也需要请求下数据,然后返回列表页,这时候我们使用keep-alive来缓存组件,防止二次渲染,这样会大大的节省性能. 2.k ...
【网络协议】TCP和HTTP中keep alive机制
简介:TCP协议和HTTP协议中,都有keepalive机制,只是二者的含义有所不同.TCP中keepalive主要用来进行链路检测:HTTP中keepalive主要用来进行链路复用.其中http1. ...
Number of alive brokers ‘0’ does not meet the required replication factor ‘3’ for the offsets topic
今天kafka积压监控突然为0 一开始以为消费组厉害,但是一上午都是0..... 感觉不对劲,去kafka执行结果报错协调器不可用! the coordinator is not acailab ...

什么是keep-alive

1、什么是keep-alive

2、keep-alive属性

3、keep-alive使用

什么是keep-alive相关推荐

最新文章

热门文章