keep-alive：vue的一个内置组件，被keep-alive包裹的组件，第一次被创建后就会被保存在内存中，不会经历销毁，下次进行页面切换的时候会从缓存中读取。 属性： include：包括，需要被缓存的组件（字符串、正则） exclude：排除，不需要被缓存的组件（字符串、正则） max：最多
原创
2021-07-13 17:22:23
168阅读
1、什么是Keep-Alive模式？我们知道HTTP协议采用“请求-应答”模式，当使用普通模式，即非KeepAlive模式时，每个请求/应答客户和服务器都要新建一个连接，完成之后立即断开连接（HTTP协议为无连接的协议）；当使用Keep-Alive模式（又称持久连接、连接重用）时，Keep-Alive功能使客户端到服务器端的连接持续有效，当出现对服务器的后继请求时，Keep-Alive功能避免了建
原创
2016-06-03 22:35:30
1488阅读
官网解释：<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 当组件在 <keep-alive> 内被切换，它的 activated ...
转载
2021-10-15 14:02:00
141阅读
2评论
keep-alive的生命周期 1.deactived当组件被缓存时，会自动触发组件的deactived生命周期函数。 2.actived当组件被激活时，会自动触发组件的actived生命周期函数。 当组件第一次被创建的时候，既会执行created创建也会activated被激活 当切换组件时包裹了 ...
转载
2021-09-10 15:38:00
276阅读
2评论
使用keepAlive缓存页面，一可以减少服务器请求次数，二则可以在用户返回上一页后记忆到上次浏览位置（ios端微信浏览器不适用，不兼容，需要另行配置：见例子(1)）keep-alive的介绍如下：1，把切换出去的组件保留在内存中，可以保留它的状态或避免重新渲染。2、<keep-alive>是抽象组件，它自身不会渲染DOM元素，也不会出现在父组件链中。3、当组件在 <keep-
转载
2020-06-06 15:15:00
108阅读
2评论
keep-alive keepalive是一个内置组件，里面的render方法会拿到它子组件节点中的的第一个， 然后缓存到一个对象中， 并且把 vnode.data.keepAlive设为true 这里的vnode是指keep-alive包裹的子组件 最后把vnode返回来 所以keep-alive
原创
2022-05-29 00:13:49
141阅读
client发出的HTTP请求头需要增加Connection:keep-alive字段 Web-Server端要能识别Connection:keep-alive字段，并且在http的response里指定Connection:keep-alive字段， 告诉client，我能提供keep-alive服务，并且"应允"client我暂时不会关闭socket连接...
原创
2021-06-04 15:09:41
483阅读
现在这个套接字连接是否会永远保持打开状态，或者是否存在与之相关的超时限制，类似于HTTP keep-alive？简短的回答是，是的，有一个超时，它通过TCP Keep-Alive强制执行。如果要配置保持活动超时，请参阅下面的“更改TCP超时”部分。介绍TCP连接由两个插槽组成，每个插槽位于连接的两端。 当一方想要终止连接时，它会发送另一方确认的ACK数据包并关闭其套接字。然而，在此之前，双方将无限
转载
2023-10-09 16:11:29
201阅读
Vue keep-alive用法官方说明Props：include - 字符串或正则表达式。只有名称匹配的组件会被缓存。exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。max - 数字。最多可以缓存多少组件实例。用法：<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现
原创
2022-01-10 10:40:45
98阅读
1、什么是Keep-Alive模式？ 我们知道HTTP协议采用“请求-应答”模式，当使用普通模式，即非KeepAlive模式时，每个请求/应答客户和服务器都要新建一个连接
原创
2022-06-27 11:47:30
144阅读
keep-alive 说明keep-alive 实际应用<v-main> <v-container fluid> <nuxt keep-alive :keep-alive-props="{ include: ['pages/requests/index.vue'] }" /> </v-container></v-main>
原创
2022-03-03 17:03:19
223阅读
Keep-Alive模式下当一个请求发起后，客户端和服务器之间的TCP连接不会关闭重新建立连接，会一直保持连接，如果客户端再次访问相同资源，会继续使用者一条建立的连接，启用Keep-Alive模式更高效，性能更高。
http 1.0中默认是关闭的，需要在http头加入"Connection: Keep-Alive"，才能启用Keep-Alive；从HTTP/1.1开始，浏览
转载
2023-03-06 21:21:45
327阅读
keep-alive 会把其包裹的所有组件都缓存起来<router-view v-if="$route.meta.keepAlive" /><router-view v-if="!$route.meta.keepAlive" />include 参数 类型 Array 字符串或正则表达式, 只有名称匹配的组件会被缓存app.vue***export default {
转载
2021-05-09 00:33:38
376阅读
2评论
用来缓存组件,避免多次加载相应的组件,减少性能消耗.
转载
2018-06-18 11:13:00
202阅读
2评论
keep-alive内置组将能将浏览信息暂时保存起来Vue.use(VueRouter);var Series = {template: 付费栏目 ,created() {console.log('付费栏目组件created');},mounted() {console.log('付费栏目组件mounted');},destroyed() {console.
转载
2021-05-10 16:12:16
457阅读
2评论
