Keep-alive 第3页

Vue中 keep-alive的实现原理分析

keep-alive的实现原理使用vue的时候，想必大家都是用过keep-alive，其作用就是缓存页面以及其状态。

时清云·2024-01-12 09:42

长连接每天学习一点点【记录，草稿】

在HTTP/1.1版本及以上，默认使用长连接，通过在响应头中添加“Connection:keep-alive”来实现。长连接并不是永久保持连接，而是有一个保持时间，可

许科大·2024-01-11 04:44

keep-alive页面缓存问题

业务场景：现有A，B页面和其他所有页面（以下用C表示）。B页面为缓存页面，meta.keepAlive为true，当A页面进入B页面后，B页面需要渲染为不缓存的状态（效果等同第一次进入B页面），离开B页面后缓存B页面，也就是说B->A或者B->C都将B页面缓存。只有在特定情况下（A进入B）清除B页面的缓存。以上这种方式，设置了keepAlive为true后，B页面是一直会进行缓存查阅vue相关文档

Demons_51fe·2024-01-11 03:29

前端基础 keep-alive的使用(Vue)

用法keep-alive是Vue内置的一个组件，可以使被包含的组件保留状态，避免重新渲染propsinclude-字符串或正则表达，只有匹配的组件会被缓存exclude-字符串或正则表达式，任何匹配的组件都不会被缓存

码路老默007·2024-01-10 22:38

2020-02-14

id=abc导航守卫keep-alive是Vue

竹子和鸟儿·2024-01-09 15:06

Vue动态组件 & keep-alive

前言在vue中，实现Tab切换主要有三种方式：使用动态组件，使用vue-router路由，使用第三方插件。本文将详细介绍Vue动态组件。所谓动态组件就是让多个组件使用同一个挂载点，并动态切换。一、is用法通过使用保留的元素，动态地绑定到它的is特性，我们让多个组件可以使用同一个挂载点，并动态切换。根据v-bind:is="组件名"中的组件名去自动匹配组件，如果匹配不到则不显示。改变挂载的组件，只需

dingFY·2024-01-09 06:22

前端八股文（网络篇）一

目录1.Get和Post的请求的区别2.常见的HTTP请求头和响应头3.常见的HTTP请求方法4.HTTP与HTTPS协议的区别5.对keep-alive的理解6.页面有多张图片，HTTP是怎样的加载表现

前端VC·2024-01-08 22:19

计算机基础面试题 |15.精选计算机基础面试题

Keep-Alive和非Keep-Alive有什么区别？三

ai_todo·2024-01-08 22:30

vueRouter 配合 keep-alive 不生效的问题

文章目录问题说明案例复现demo结构问题复现和解决其实这个不生效的问题根本也不算一个问题，犯的错和写错单词差不多，但是也是一时上头没发现，所以记录一下，如果遇到同样的问题，也希望可以帮助你早点看到这个哭笑不得的错误，哈哈哈问题说明这里我写了一个非常简单的demo来复现我的问题，我的问题场景出自于一个后台管理系统，我在app.vue中使用了router-view标签，来展示layout和其他一级路由

劫辞·2024-01-08 15:49

vue3.0记录滚动位置的两种方法

第一种方法onActivated+onBeforeRouteLeave方法实现1.思路页面首先要是缓存的组件实例keep-alive用onActivated才能将滚动位置缓存起来每次进入都要将存储的位置重新赋值给页面路由守卫

Smile_zxx·2024-01-08 13:54

flutter项目初始化

flutter项目环境配置2、flutter数据本地存储（shared_preferences）3、GetX中的数据响应式配合本地存储使用4、Dio封装使用详解5、EasyLoading的使用6、缓存keep-alive

weixin_43993776·2024-01-07 16:11

vue动态组件、保持存活

加component:is引入组件名称keep-alive保持存活保持存活：切换组件后，不重新渲染切换的组件，保持切换前（更改文字时）的数据1、点击更换文字；2、变更文字；3、切换组件；4、再次切换组件

花归去·2024-01-06 22:46

浏览器Request Header和Response Header的内容

hello.html(请求的目标资源)HTTP/1.1(请求采用的协议和版本号)Accept:/(客户端能接收的资源类型)Accept-Language:en-us(客户端接收的语言类型)Connection:Keep-Alive

皮卡许·2024-01-05 21:54

vue 页面mounted created函数不执行的问题及解决方法

背景：最近做项目碰到一个很头大的问题第一次跳转页面没有问题返回去后在点击跳转就不执行created和mouted钩子函数里的方法记录下以后别忘了解决这个问题的关键就在于对keep-alive的理解和activated

hongc93·2024-01-03 08:15

vue中的动态组件和混入

、混入全局混入：局部混入：混入规则：一、动态组件component标签动态切换组件,使用is属性切换组件使用component切换组件，组件会不停的创建和销毁，如果想在第一次创建时候缓存组件，可以使用keep-alive

从明天开始好好学习前端·2024-01-02 14:59

vue3 router-view 使用keep-alive报错parentcomponent.ctx.deactivate is not a function

问题如下图，在component组件上添加v-if判断，会报错:parentcomponent.ctx.deactivateisnotafunction解决方法去除v-if，将key直接添加上。由于有的公用页面，需要刷新，不希望缓存，所以需要添加key。其他需要缓存的页面，就不用添加key

少油少盐不要辣·2024-01-02 03:33

Vue中的keep-alive缓存组件的理解

是一个抽象组件，用于将其内部的组件保留在内存中，而不会重新渲染。这意味着当组件在内部切换时，其状态将被保留，而不是被销毁和重新创建。用来缓存不经常变化的组件，以提高性能，当我们在不同路由之间进行切换或者是动态改变组件时，可以确保被缓存的组件保留之前的一个状态，而不会重新执行created和mounted等生命周期钩子函数。那么会提供activated和deactivated生命周期钩子函数的应用.

开心点啦.·2024-01-01 23:36

今天来说说keep-alive的理解

（看完点个关注呗，持续更新）一、Keep-alive是什么keep-alive是vue中的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOMkeep-alive包裹动态组件时，会缓存不活动的组件实例

蓝斑.json·2024-01-01 23:09

vue项目中如何使用keep-alive添加页面缓存

方法1：router.js添加配置参数配置router时添加meta对象，配置路由中需要额外携带的参数信息constroutes=[{path:'/webScreen',name:'截屏',component:resolve=>require(['@/views/webScreen/index.vue'],resolve),meta:{keepAlive:true//需要被缓存}},{path:'

Hermione_log·2023-12-31 22:43

vue 缓存组件keep-alive

也就是所谓的组件缓存//被keep-alive包含的组件会被缓存keep-alive是一个抽象的组件，缓存的组件不会被mounted,为此提供activated和deactivated钩子函数在2.1.0

scriptjojo·2023-12-31 03:46

吐血整理＜ keep-alive ＞知识，包括使用方法，缓存机制，史上最全

keep-alive作用在组件进行切换的时候，保留缓存Propsinclude-字符串或正则表达式。只有名称匹配的组件会被缓存。exclude-字符串或正则表达式。任何名称匹配的组件都不会被缓存。

最冷一天.·2023-12-30 15:14

vue中的一个内置组件Keep-Alive的作用及使用方法介绍——缓存不活动的组件实例

一、什么是keep-alive在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件。

邹荣乐·2023-12-30 15:42

使用keep-alive缓存页面并解决三级菜单不能缓存的问题

直接展示代码1.把含有3级router-view的文件改为exportdefault{name:'Blank'}21).需要把所有页签存在vuex中，可以参考vue-element-admin项目中store有个tagsView.js文件2).在AppMin.vue文件中，如图加上这两句image.pngcachedViews(){//console.log(this.$store.state.t

玄学大师·2023-12-30 13:11

＜router-view＞ can no longer be used directly inside ＜transition＞ or ＜keep-alive＞

报警截图：报警信息：vue-router.mjs:35[VueRouterwarn]:cannolongerbeuseddirectlyinsideor.Useslotpropsinstead:解决办法照着浏览器提示，改一下就行

骆骆爱学习·2023-12-30 10:47

八股文打卡day14——计算机网络（14）

面试题：TCP的Keepalive和HTTP的Keep-Alive是一个东西吗？我的回答：TCP的Keepalive1.位于TCP/IP模型的传输层。2.是用来判活的。

时代&信念·2023-12-30 08:21

keep-alive(切换页面，保持状态)

vue官网提供了keep-alive的方法（也算是内部封装好的组件吧）官网介绍中提到，keep-alive只能包裹在封装的组件中，而不能直接包裹在类似div、h1

坏丶毛病·2023-12-29 15:51

Vue2.0学习-2-深入了解组件--5--动态组件&异步组件

动态组件在动态组件上使用keep-alive之前在一个多标签的界面中使用isattribute来切换不同的组件。

naildingding·2023-12-28 23:16

VUE学习-优化组件

组件（优化）动态组件keep-alive当在这些组件之间切换的时候，你有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题。

秋の本名·2023-12-28 18:27

Vue 源码深入解析之扩展、event、 v-model 和 slot

一、扩展前面分析了Vue的核心以及编译过程，除此之外，Vue还提供了很多好用的feature，如event、v-model、slot、keep-alive、transition等等。

城南花开ze·2023-12-28 13:41

keep-alive

keep-alive参考文档Props：include-字符串或正则表达式。只有名称匹配的组件会被缓存。exclude-字符串或正则表达式。任何名称匹配的组件都不会被缓存。max-数字。

李小白呀·2023-12-28 13:06

Nginx-Keepalive

当请求量级过大的时候，我们一般都会在上游服务请求下游服务的时候在client中打开长连接设置：headers.add(newBasicHeader("Connection","Keep-Alive"))

只是肿态度·2023-12-28 02:03

vue生命周期

vue生命周期二、activated+deactivated除此之外，简单介绍一下在被keep-alive包含的组件/路由中，会多出两个生命周期的钩子:activated与deactivated。

monana6·2023-12-26 23:00

vue中keep-alive缓存滚动条

项目过程中因为做的页面是列表页和详情页，为了接近原生和用户体验好，所以在列表和详情路由切换时候就要缓存列表页数据（路由跳转就是列表➡详情返回到➡列表），使用户体验更好怎么实现keep-alive第一步，

散修灬·2023-12-26 13:05

Switchhosts软件的使用

SwitchHosts这是下载链接https://github.com/oldj/SwitchHosts/releases注意：1.使用管理员运行2.防止杀毒软件拦截，host修改，点击信任3.注意重启浏览器，清掉keep-alive

Mint6·2023-12-25 12:04

利用 Vue 的＜keep-alive＞实现无缝用户体验：提升性能，保持状态不丢失！

‍♂️诸位好，吾乃诸葛妙计，编程界之翘楚，代码之大师。算法如流水，逻辑如棋局。吾之笔记，内含诸般技术之秘诀。吾欲以此笔记，传授编程之道，助汝解技术难题。吾之文章，不以繁复之言，惑汝耳目；但以浅显之语，引汝入胜。若此文对阁下有所裨益，敬请-点赞⭐-收藏-关注，不胜感激。Vue.js本身不直接处理缓存，但它提供了一些构建在其虚拟DOM系统之上的机制，可以帮助你在组件级别进行缓存，以避免不必要的渲染。最

诸葛妙计·2023-12-24 22:38

八股文打卡day10——计算机网络（10）

我的回答：1.多路复用：HTTP1.1每次请求响应一次都得建立一次连接，HTTP1.1引入了持久连接Connection：Keep-Alive，可以建立一次连接，进行多次请求响应，但是同一时间只能处理一个请求响应

时代&信念·2023-12-24 21:59

八股文打卡day9——计算机网络（9）

我的回答：1.长连接：HTTP1.1引入了长连接的机制，connection：keep-alive。一个TCP连接可以进行多次请求和响应。而HTTP1.0每次请求响应一次都得建立连接、断开连接。

时代&信念·2023-12-24 17:57

前端八股文（vue篇）

九.keep-alive的实现原理是什么十.说一下VueSSR实现原理一.谈一谈对MV

前端VC·2023-12-24 11:33

vue3.0-插槽、自定义指令

$nextTick(cb)方法2.动态组件1）动态组件2）实现动态组件渲染3）使用keep-alive保持状态3.插槽1）插槽2）插槽的基础用法①没有预留插槽的内容会被丢弃②后备内容③具名插槽④为具名插槽提供内容

qq_52822043·2023-12-23 13:27

Vue2【动态组件、插槽、自定义指令】

文章目录动态组件1.什么是动态组件2.如何实现动态组件渲染3.使用keep-alive保持状态4.keep-alive对应的生命周期函数5.keep-alive的include属性插槽1.什么是插槽2.

tuanliang·2023-12-23 13:26

Vue：defineAsyncComponent(异步组件)、component(动态组件)、keep-alive(缓存组件)

异步组件：defineAsyncComponentVue3的defineAsyncComponent特性可以让我们延迟加载组件。因为在默认情况下，在构建项目或运行项目时，会将所有所需要的打包成一个整体，vue为单页面应用，同步加载大量的页面代码会导致页面长时间处于空白情况，所以这是一个改善初始页面加载的好方法，因为该方法会将以较小的块加载，而不必在页面加载时加载每个组件。来自官网可查看示例：异步组

...lemon_...·2023-12-23 13:27

python requests post请求_python+requests——发送post请求——各种情况

Requests会自动实现持久连接keep-alive，Requests支持HTTP连接保持和连接池，支持使用cookie保持会话，支持文件上传，支

weixin_39674028·2023-12-23 09:32

探索 Vue3 (四) keep-alive缓存组件

keep-alive的作用官网介绍：KeepAlive|Vue.jskeep-alive为抽象组件，主要用于缓存内部组件数据状态。可以将组件缓存起来并在需要时重新使用，而不是每次重新创建。

yueF_L·2023-12-23 05:08

TCP Keepalive 和 HTTP Keep-Aliv

HTTP的Keep-Alive在http1.0的版本中，它是基于请求-应答模型和TCP协议的，也就是在建立TCP连接后，客户端发送一次请求并且接收到响应后，就会立马断开TCP连接，称为HTTP短连接，这种方式比较耗费时间以及浪费资源

宏夏c·2023-12-22 21:47

HTTP1.0、1.1、2.0、3.0的主要区别？HTTP状态码及含义？

HTTP头Connection:keep-alive是什么意思？解决了什么问题？描述常见的HTTP请求方法与使用场景？常见的状态码404、503、504分别表示什么意思？怎么定位？

了凡·2023-12-22 16:04

vue中对keep-alive的理解

vue中对keep-alive的理解介绍使用方法参数解析使用示例介绍keep-alive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。

第10086个小白·2023-12-21 22:08

vue中使用keep-alive进行组件缓存（解决组件不缓存问题）

vue中使用keep-alive进行组件缓存（解决组件不缓存问题）一、使用场景二、认识下keep-alive三、在组件中应用四、解决组件不缓存问题五、keep-alive配合router使用一、使用场景在

pipizhou16·2023-12-21 20:29

keep-alive怎么确定前进或者后退

keep-alive其实没有如果想回退在进缓存页面重新加载从缓存页面到下一个页面不重新加载这样的操作可以用路由控制//to.path判断页面路由然后进行相应的操作beforeRouteLeave(to,

百不理·2023-12-21 15:07

VUE动态组件,插槽和自定义指令

文章目录动态组件1.component组件的使用-keep-alive的使用keep-alive生命周期学习keep-alive组件的include和exclude属性include(指定keep-alive

萧寂173·2023-12-21 10:34

Vue动态组件,插槽及自定义指令

示例代码如下：使用keep-alive保持状态：默认情况下，切换动态组件时无法保持组件的状态。此时可以使用vue内置的组件保持动态组件的状态。include属性用来指定：只有名称匹配的组件会被缓存。

coding苏·2023-12-21 10:03

推荐频道

Keep-alive