在初始vue路由的时候，需求是离开组件即销毁，但是现在要求再次返回组件时可以看到上次的内容，所以就与keep-alive相识 keep-alive是Vue提供的一个抽象组件，用来对组件进行缓存，从而节省性能，更详细的请参考这篇博客 https://www.jianshu.com/p/0b022295 ...
分类：
其他好文 时间：
2019-08-02 11:10:28
阅读次数：
90
html、js、style <!DOCTYPE html><html> <head> <meta charset="utf-8"/> <link rel="stylesheet" type="text/css" href="index.css"/> <script src="vue.js"></sc ...
分类：
其他好文 时间：
2019-08-01 14:37:13
阅读次数：
410
keep-alive：vue的一个内置组件，被keep-alive包裹的组件，第一次被创建后就会被保存在内存中，不会经历销毁，下次进行页面切换的时候会从缓存中读取。 属性： include：包括，需要被缓存的组件（字符串、正则） exclude：排除，不需要被缓存的组件（字符串、正则） max：最多 ...
分类：
其他好文 时间：
2019-07-31 01:26:29
阅读次数：
104
HTTP 超文本传输协议，即服务器和浏览器之间通过应答请求模式传输超文本内容的一种协议 请求报文 请求行 GET / HTTP/1.1 请求头 Host: www.baidu.com Connection: keep-alive Cache-Control: max-age=0 Upgrade-In ...
分类：
编程语言 时间：
2019-07-22 13:36:45
阅读次数：
117
http请求由三部分构成，分别为 请求行，首部，实体 首部分为请求首部和响应首部，并且部分首部两种通用。 通用首部： Cache-Control 控制缓存的行为 Connection 浏览器想要优先使用的链接类型，比如keep-alive Date 创建报文时间 Pragma 报文指令 Via 代理 ...
分类：
Web程序 时间：
2019-06-17 20:19:51
阅读次数：
190
由于页面加载时，使用了keep-alive,keep-alive具有数据缓存作用，当在添加页面添加成功时，返回主页面没有立即更新。数据有缓存。 解决办法如下： 将获取数据列表的方法放到actived里面，不要放到mounted或者created里面。 actived是专门对keep-alive进行实 ...
分类：
其他好文 时间：
2019-06-17 18:53:05
阅读次数：
1159
最近写vue项目遇到一些问题,我把导航栏组件放在了app.vue中,让他在每个页面都能显示了,但遇到了一个问题,在登录以及注册页面导航栏是不合理不允许存在的 解决方法: 公共模块的内容可以放在App.vue中但是通常登录页面是不需要导航的，那么就需要规避登录页 这时，就可以采用keep-alive结 ...
分类：
其他好文 时间：
2019-06-14 14:33:21
阅读次数：
116
keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。用法也很简单： <keep-alive> <component> <!-- 该组件将被缓存！ --> </component></keep-alive> props include - 字符串或正则表达，只 ...
分类：
其他好文 时间：
2019-05-30 01:41:19
阅读次数：
135
测试： 场景一： 从其他路由进入该路由： 场景二：当前路由刷新 场景三： 当前路由下跳到二级路由 （页面做了判断，当跳到它下面的二级路由时候取消keep-alive） 场景四：从二级路由再跳回来 从上可以看出，几个场景下都没有执行 那到底啥时候执行destryed呢？ 注释已经给出了答案，是vue实 ...
分类：
其他好文 时间：
2019-05-22 19:08:18
阅读次数：
108
一、$nextTick 1、vue的dom执行异步更新，只要观察到数据变化，vue将开启一个队列，并缓冲在同一事件循环中发生的所有数据改变。 2、vue.$nextTick(cb)，数据发生变化，更新dom后执行回调 二、$refs用法 1、ref作用于普通元素——得到dom节点 2、ref作用于子 ...
分类：
其他好文 时间：
2019-04-10 23:29:10
阅读次数：
184
