<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也 ...
分类：
其他好文 时间：
2020-06-22 10:49:38
阅读次数：
31
WebSocket可以被视作 HTTP 协议为了支持长连接的一个补丁。 keep-alive connection HTTP是一个请求<->响应模式的典型范例，即客户端向服务器发送一个请求信息，服务器来响应这个信息。在老的HTTP版本中，每个请求都将被创建一个新的客户端->服务器的连接，在这个连接上 ...
分类：
Web程序 时间：
2020-06-21 19:36:23
阅读次数：
79
App.vue <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-view v-if="!$route.meta.keepAlive"></router-view> ...
分类：
其他好文 时间：
2020-06-14 13:02:46
阅读次数：
137
1、keep-alive这个内置组件，因为会把数据保存到内存中，所以不会销毁组件也不会重新渲染组件 通过路由切换组件得话组件是不会被从新销毁和渲染得 2、因为本身keep-alive可以实现缓存 告诉keep-alive要缓存那个组件中得数据 属性值得值都是正则表达式（匹配得组件数据才会缓存）或字符 ...
分类：
其他好文 时间：
2020-06-14 01:32:25
阅读次数：
69
component、keep-alive、include、exclude、router-view ...
分类：
其他好文 时间：
2020-06-09 09:24:08
阅读次数：
65
这种是因为一段时间不操作后，服务器将空闲连接丢弃了，而客户端（sqlyog）不知道，导致长时间无响应，而超时之后，sqlyog 使用了新的连接，所以又可以顺畅操作了。 将会话空闲时间默认改为自定义,填60秒即可,然后旁边的Keep-Alive-Interval填写120秒,这样保存一下就可以了,再也 ...
分类：
数据库 时间：
2020-06-08 16:14:03
阅读次数：
212
vue的页面缓存，都知道是用keep-alive来进行缓存的。但是keep-alive却只能缓存页面和页面的数据，却不能缓存页面滑动之后和顶部的距离，从b页面回到a页面之后又是从最顶部开始的，如果页面较短还可以，但是如果页面很长的话，给用户的体验效果就会很差。这个时候就需要我们对页面的滑动距离也进行 ...
分类：
其他好文 时间：
2020-06-03 20:18:09
阅读次数：
72
Vue动态组件 1.component：动态组件放的位置 2.is：绑定动态参数名称的属性和bind联合使用 3.keep-alive：保存当前改变的值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name ...
分类：
Web程序 时间：
2020-05-31 22:07:00
阅读次数：
108
<component v-bind:is="currentTabComponent"></component> 动态组件主要是运用 is 属性 达到切换组件的效果。 如何使动态组件保持状态 keep-alive （有时候，我们希望能保持被动态加载组件的状态，已避免反复重复渲染导致的性能问题） <ke ...
分类：
其他好文 时间：
2020-05-25 15:50:36
阅读次数：
99
需求：点击首页列表进入二级页面，返回的时候保持在原位置。keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 1:App.vue <template> <div id="app"> <!--页面返回不刷新--> <!-- // 缓存组件跳转的页面 --> ...
分类：
其他好文 时间：
2020-05-16 18:32:42
阅读次数：
218
