在vue中默认router-link进入页面组件都是不缓存的。对于数据不会更新的页面。可以使用keep-alive来缓存以提高性能。 在项目src/router/index.js中。对于需要缓存的路由加meta中加上keepAlive: true 1 export default new Route ...
分类：
其他好文 时间：
2021-01-14 10:31:16
阅读次数：
0
简单介绍，使用keep-alive的时候，返回前一页，没有保持滚动条位置。事实上，就算不使用keep-alive，位置也没有被记录。但是，在不使用keep-alive的时候，页面内容会刷新，所以就随他去了……就是这么任性…… 思路 官方有推荐一个scrollBehavior，链接，但是上面标注，只在 ...
分类：
其他好文 时间：
2020-12-19 12:39:32
阅读次数：
1
记录一下： 我们在特定的情况下强制刷新某些组件 利用include、exclude属性 <keep-alive include="bookLists,bookLists"> <router-view></router-view> </keep-alive> <keep-alive exclude=" ...
分类：
其他好文 时间：
2020-10-14 20:52:19
阅读次数：
45
二十、优化 20.1 一键优化 参数：-o 添加此参数相当于同时添加下列三个优化参数： 1.-keep-alive 2.-null-connection 3.-threads=3 20.2 HTTP长连接 参数：-keep-alive 该参数让sqlmap使用HTTP长连接。与“-proxy”矛盾 ...
分类：
数据库 时间：
2020-09-18 04:08:15
阅读次数：
67
官方解释： <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。 当组件在 <keep-alive> 内被切换，它的 activ ...
分类：
其他好文 时间：
2020-09-12 21:13:38
阅读次数：
41
以百度为例 GET /favicon.ico HTTP/1.1 Host: www.baidu.com Connection: keep-alive Pragma: no-cache Cache-Control: no-cache User-Agent: Mozilla/5.0 (Windows N ...
分类：
Web程序 时间：
2020-07-28 16:58:47
阅读次数：
177
多个组件使用同一个挂载点，并且进行动态的切换这就是动态组件。 通过使用<component>元素动态的绑定到它的is特性，来实现动态组件 <div id="test"> <button @click="change">切换页面</button> <component :is="currentView ...
分类：
其他好文 时间：
2020-07-26 19:19:13
阅读次数：
119
1.keep-alive的作用是什么? <keep-alive>是Vue的内置组件，能够缓存组件，防止重复渲染页面，提高用户体验，同时可以很大程度上减少接口请求，减小服务器压力。 比如： 有一个列表页面和一个 详情页面，那么用户就会经常执行打开详情=> 返回列表=>打开详情这样的话 列表 和 详情 ...
分类：
其他好文 时间：
2020-07-09 15:00:12
阅读次数：
65
首先展示一下效果页面 将标签存放在Tags.vue，使用组件传值进行切换。增加keep-alive缓存机制 <el-main style="background-color:#eaedf1"> <!-- 标签组件 --> <tabs></tabs> <router-view></router-vie ...
分类：
其他好文 时间：
2020-07-01 12:41:41
阅读次数：
72
情境一：离开当前路由，会直接调用； 当前路由不使用 <keep-alive> 缓存，离开当前路由会直接调用 beforeDestroy 和 beforeDestroy 销毁 情景二：离开当前路由，不会直接调用，需要程序控制调用； 当前路由使用 <keep-alive> 缓存，离开当前路由不会直接调用 ...
分类：
其他好文 时间：
2020-06-24 14:27:21
阅读次数：
964
