Keep-Alive

Vue实现多页签组件

别忘了顺手给个小星星）代码：https://github.com/Caijt/VuePageTab演示：https://caijt.github.io/VuePageTab/我这个多页签组件里面的删除缓存的方法不是使用keep-alive
·2021-01-14 13:36

vue-router与keep-alive

router-vue是vue-router里注册地组件，我们之前学了它是一个占位符，如果被包裹在keep-alive里边，所有路径匹配到地视图组件都会被缓存我们知道vue生命周期，里边有很多的回调函数，
407指导员·2021-01-12 00:58

iview-页面复用时根据路由参数刷新数据

可能是iview设置了keep-alive，页面数据被缓存了，没有触发拉取数据的接口。所以考虑用监听路由的方式，在钩子函数中根据
董志钦·2021-01-09 22:15

iview-页面复用时根据路由参数刷新数据

可能是iview设置了keep-alive，页面数据被缓存了，没有触发拉取数据的接口。所以考虑用监听路由的方式，在钩子函数中根据
董志钦·2021-01-09 22:21

keep-alive

动态组件is//按钮，用于切换组件。注意,此时的A为字符串而非变量showAshowB//动态切换显隐，组件//引入组件A以及组件BimportAfrom"./a";importBfrom"./b";exportdefault{components:{//声明组件A,BA,B},data(){return{//默认显示组件A，若字符串为B则显示组件B,name为component声明showWha
lake_go·2021-01-07 15:19

keep-alive：

文章目录概念：对生命周期函数变化：作用：参数（Props）概念：keep-alive是Vue的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。
头铁程序猿.·2021-01-05 20:23

2021flag

Object.defineProperty实现vue的双向绑定、Reflect、原型原型链、实现new、this、apply、bind、call、...06：012021-01-07浏览器渲染、虚拟dom、Vue-Router、keep-alive
lake_go·2021-01-05 19:10

图解HTTP权威指南（二）| 连接管理

一、两个问题1、HTTP是如何使用TCP连接的2、HTTP的连接，并行连接、keep-alive（持久连接）和管道化连接二、TCP连接1、什么是TCPTCP/IP是全球计算机及网络设备都在使用的一种常用的分组交换网络层协议分层协议集
运维汪·2021-01-04 10:50

一劳永逸，解决基于 keep-alive 的后台多级路由缓存问题

用过vue-element-admin的同学一定很清楚，路由的配置直接关系侧边栏导航菜单的展示，也得益于这种设计思路，几乎大部分后台框架都采用这个方案，当然也包括了我写的Fantastic-admin这个中后台框架。但这个方案有个明显的问题，就是为了实现多级侧边栏导航菜单，则需要将路由配置成多级嵌套的形式，一旦超过两级，达到三级甚至更多级，就需要增加一个空布局页面（Empty.vue）用来给com
Hooray·2021-01-04 10:49

vue提升性能的几种简单方法

resolve=>(require([‘需要加载的路由的地址’])，resolve)2.使用ES6中的import引入组件3.尽量使用v-if,减少使用v-show4.组件拆分，页面分为多个组件5.使用keep-alive
qq_43237014·2021-01-04 09:17

vue中activated的用法

keep-alive包裹动态组件的时候，会缓存不活动的组件实例，而不是摧毁他们。其是一个抽象的组件，自身不会渲染一个DOM元素，也不会出现在父组件链中。
·2021-01-03 13:08

vue router结合keep-alive使用导致的问题

使用很简单，在路由显示的位置用keep-alive包裹起来即可这样每个页面就会缓存页面的变化，但是使用过程中发现，mouted等钩子函数除了第一次进入页面之后，将不再执行，这是因为组件是被放在缓存中的。
lixiaonaaa·2021-01-02 17:19

vue页面缓存，keep-alive第一次无效的解决方法

方法二：使用include+beforeRouteLeave+vuex与方法一相似，不同的地方在于，将需要缓存的组件保存到全局变量，可以在路由的钩子函数里灵活的控制哪些组件需要缓存，那些不需要缓存；跟方法一相比，不需要每次再重新初始化数据，但是需要在vuex中保存数据；1、在创建router实例的时候加上scrollBehavior方法exportdefaultnewRouter({routes,
小虾米前端·2020-12-29 16:46

图解HTTP权威指南（二）| 连接管理

一、两个问题1、HTTP是如何使用TCP连接的2、HTTP的连接，并行连接、keep-alive（持久连接）和管道化连接二、TCP连接1、什么是TCPTCP/IP是全球计算机及网络设备都在使用的一种常用的分组交换网络层协议分层协议集
运维汪·2020-12-25 22:51

keep-alive怎么用？

而keep-alive的功能就是将失活的组件缓存起来，以便下次使用。先上代码：开始重现：失活后再重新创建开始重现：失活后缓存起来关键的地方：
Coder_WangYu·2020-12-25 17:32

keep-alive怎么用？

1.动态组件：顾名思义，能够动态切换的组件。2.is：使用配合is特性实现动态组件。小提示：尽可能少的使用内联样式，层级深了之后会很麻烦看结果，点击前：
Coder_WangYu·2020-12-24 17:59

解决基于 keep-alive 的后台多级路由缓存问题

用过vue-element-admin的同学一定很清楚，路由的配置直接关系侧边栏导航菜单的展示，也得益于这种设计思路，几乎大部分后台框架都采用这个方案，当然也包括了我写的Fantastic-admin这个中后台框架。但这个方案有个明显的问题，就是为了实现多级侧边栏导航菜单，则需要将路由配置成多级嵌套的形式，一旦超过两级，达到三级甚至更多级，就需要增加一个空布局页面（Empty.vue）用来给com
·2020-12-24 04:57

vue2.x keep-alive组件使用

keep-alive组件是什么？组件，我称之为缓存组件，当你不希望某一个组件在每次调用时都被初始化，而保存上一次打开时的状态时可以使用该组件来做组件持久化。怎么用?
Zack_a0c4·2020-12-23 15:01

vue缓存之keep-alive的理解和应用详解

keep-alive是Vue的内置组件，在组件切换过程中将状态保留在内存中，等再次访问的时候，还保持着离开之前的
·2020-12-23 10:33

一劳永逸，解决基于 keep-alive 的后台多级路由缓存问题

用过vue-element-admin的同学一定很清楚，路由的配置直接关系侧边栏导航菜单的展示，也得益于这种设计思路，几乎大部分后台框架都采用这个方案，当然也包括了我写的Fantastic-admin这个中后台框架。但这个方案有个明显的问题，就是为了实现多级侧边栏导航菜单，则需要将路由配置成多级嵌套的形式，一旦超过两级，达到三级甚至更多级，就需要增加一个空布局页面（Empty.vue）用来给com
Hooray·2020-12-22 17:22

vue单页面使用loaction.href跳转新页面，返回原来页面后，页面不刷新

在vue项目中，有时我们会遇到这样的问题：没有使用keep-alive。
前端对象·2020-12-22 10:20

vue切换路由不重新渲染_Vue 路由切换时页面内容没有重新加载的解决方法

后来发现App.vue中使用了：keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。这就是问题所在了。
weixin_39603327·2020-12-22 09:11

keep-alive实现原理[转]

一、前言本文介绍的内容包括：keep-alive用法：动态组件&vue-routerkeep-alive源码解析keep-alive组件及其包裹组件的钩子keep-alive组件及其包裹组件的渲染二、keep-alive
乙哥驿站·2020-12-18 11:20

使用ab和wrk对腾讯CLS进行benchmark测试

-k打开keep-alive，在一
suncle·2020-12-16 13:43

使用ab和wrk对腾讯CLS进行benchmark测试

-k打开keep-alive，在一
suncle·2020-12-16 12:43

vue中keepAlive的使用

前言在开发中经常有从列表跳到详情页，然后返回详情页的时候需要缓存列表页的状态（比如滚动位置信息），这个时候就需要保存状态，要缓存状态；vue里提供了keep-alive组件用来缓存状态。
crystal·2020-12-11 14:53

持久连接有两种类型

比较老的HTTP/1.0+“keep-alive”连接，以及现代的HTTP/1.1“persistent”连接。
李大嘴JimmyLee·2020-12-10 11:59

实用的 vue tags 创建缓存导航的过程实现

效果图：思路既然涉及了router跳转，那我们就去查api发现keep-alive，巧了就用它吧。
·2020-12-10 04:26

keep-alive保持组件状态的方法

keep-alive的设计初衷有些业务场景需要根据不同的判断条件，动态地在多个组件之间切换。频繁的组件切换会导致组件反复渲染，如果组件包含有大量的逻辑和dom节点，极易造成性能问题。
·2020-12-10 04:53

Vue.js中的keep-alive组件

keep-alive有两个属性，exclude和include，包含或者不包含该组件，然后对其进行相应的缓存操作。
王超·2020-12-05 22:16

Vue.js中的keep-alive组件

keep-alive有两个属性，exclude和include，包含或者不包含该组件，然后对其进行相应的缓存操作。
王超·2020-12-05 21:26

vue 里主动销毁 keep-alive 缓存的组件

问题产生的背景我们一个后台，在切换一些标签页的时候，是使用的keep-alive缓存的标签页，也使用了include属性来决定哪个页面进行缓存，而标签页的切换实际上是路由的切换，也就是说打开一个新标签页的时候
old_bin·2020-12-04 18:12

vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作

前言最近在做一个精品课程后台管理系统，其中涉及文件上传和文件列表展示，我不想将他们写入一个组件，故分开两个组件实现，但由于上传文件需要时间，这时要是用户切换别的组件查看时，上传文件组件就销毁了，导致文件上传失败，所以需要采取keep-alive
·2020-12-03 12:14

HTTP事务、Node模块化规范等

（三次握手，建立连接）服务接收到用户请求之后，进行业务处理，随后将请求之后的结果返回给浏览器浏览器接收到后台的数据(4次挥手，断开连接)注：connection:keep-alive常连接Node模块化规范
Lsowind·2020-11-30 00:43

vue keep-alive请求数据

index页面：首页品牌入口list页面：商品列表页面product页面：商品详情页面从index页面进入list的时候要刷新页面，从product页面返回list的时候不需要刷新页面所以list使用了keep-alive
程序媛花花·2020-11-29 18:25

关于vue的keep-alive需要条件性缓存的解决

问题很常见，简单来说就是A,B,C三个页面。A>B不缓存，C>B需要缓存。想着记得之前网上看过，就一顿操作。在路由里面加上了{path:'/b',name:'B',component:B,meta:{keepAlive:true}}在app.vue写了A页面写了beforeRouteLeave(to,from,next){to.meta.keepAlive=false;next();}C页面写了b
barry·2020-11-25 20:01

vue-comps-manager 解决你的组件管理和keep-alive引起的缓存问题

解决的问题：1组件/组件层级过深导致的传值繁琐问题2使用keep-alive组件导致不能及时更新的问题优点：1增加on
真实的谎言·2020-11-24 21:40

jsliang 求职系列 - 21 - 浏览器缓存

一目录不折腾的前端，和咸鱼有什么区别目录一目录二前言三正文四刷题二前言返回目录[x]LRU算法【阅读建议：20min】[x]前端进阶算法3：从浏览器缓存淘汰策略和Vue的keep-alive学习LRU算法
jsliang·2020-11-23 00:29

jsliang 求职系列 - 21 - 浏览器缓存

一目录不折腾的前端，和咸鱼有什么区别目录一目录二前言三正文四刷题二前言返回目录[x]LRU算法【阅读建议：20min】[x]前端进阶算法3：从浏览器缓存淘汰策略和Vue的keep-alive学习LRU算法
jsliang·2020-11-22 23:00

nginx的keepalive

答案是http1.1协议是默认开启keep-alive的，如图http1.1的请求头：那什么是keepalive？作用是什么？
LNMPR源码研究·2020-11-19 05:12

keep-alive的深入理解与使用(配合router-view缓存整个路由页面)

原来来自:http://blog.myweb.kim/vue/kee...转发请注明出处。在搭建vue项目时，有某些组件没必要多次渲染，所以需要将组件在内存中进行‘持久化’，此时便可以派上用场了。可以使被包含的组件状态维持不变，即便是组件切换了，其内的状态依旧维持在内存之中。在下一次显示时，也不会重现渲染。PS：与相似，只是一个抽象组件，它不会在DOM树中渲染(真实或者虚拟都不会)，也不在父组件链
悠扬小Q·2020-11-19 05:00

关于node模拟"同步锁"的方案畅想,解决防止缓存击穿

背景在使用vue做一个项目的时候，有些需要keep-alive的内容，这些数据请求一次就不会再变，而且大部分用户的数据都是一样的，所以这块加个缓存再好不过了。
悠扬小Q·2020-11-19 05:29

nginx的keepalive

答案是http1.1协议是默认开启keep-alive的，如图http1.1的请求头：那什么是keepalive？作用是什么？
LNMPR源码研究·2020-11-19 05:57

Vue keep-alive 多级路由缓存方案

基于vue-element-admin框架的多级路由缓存https://juejin.im/post/6895228036342513672效果图image1.keep-alive路由缓存原理keep-alive
silence_1ea5·2020-11-18 22:53

Vue keep-alive 多级路由缓存方案

基于vue-element-admin框架的多级路由缓存效果图1.keep-alive路由缓存原理keep-alive根据路由名称缓存对应页组件name属性必须和include数组中一样cachedViews
silence·2020-11-18 17:38

vue keep-alive include无效

检查版本确定当前的vue版本的是2.1+因为include和exclude是vue2.1.0新增的两个属性.package.json"vue":"^2.5.2",检查name注意,不是router.js中的name,而是单个vue组件中的name属性.建议将router.js中的name和vue组件的name保持一致,不要混乱.1.exportdefault{2.  name:"index"3.}
亲爱的阿乾·2020-11-18 06:16

vue keep-alive include无效

检查版本确定当前的vue版本的是2.1+因为include和exclude是vue2.1.0新增的两个属性.package.json"vue":"^2.5.2",检查name注意,不是router.js中的name,而是单个vue组件中的name属性.建议将router.js中的name和vue组件的name保持一致,不要混乱.1.exportdefault{2.  name:"index"3.}
亲爱的阿乾·2020-11-18 05:14

Okhttp链接池的使用

因此，出现了keep-alive机制，即在数据传输完毕的一定时间（timeout）内，继续持有连接（keep-alive）
小水neo·2020-11-17 16:36

Vue 实现前进刷新，后退不刷新的效果

我们在keep-alive添加列表页的名字，缓存列表页。然后在列表页的created
谭光志·2020-11-16 18:18

vue中keep-alive

官方定义keep-alive是Vue的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。
书虫和泰迪熊·2020-11-07 15:59
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他