keepAlive详细操作

正常生命周期：beforeRouteEnter --> created --> mounted --> updated–>destroyed
使用keepAlive后生命周期：首次进入缓存页面：beforeRouteEnter --> created --> mounted --> activated --> deactivated
再次进入缓存页面：beforeRouteEnter --> activated --> deactivated
注：
1、这里的activated非常有用，因为页面被缓存时，created,mounted等生命周期均失效，你若想进行一些操作，那么可以在activated内完成
2、activated keep-alive组件激活时调用，该钩子在服务器端渲染期间不被调用。
3、deactivated keep-alive组件停用时调用，该钩子在服务端渲染期间不被调用。

<keep-alive include="ProblemList">
//include 被包裹的组件 会被缓存 可以用"a,b,c"隔开||可以用[a,b,c] abc为 组件name
//exclude 被包裹的组件 不会被缓存 可以用"a,b,c"隔开||可以用[a,b,c]<router-view />
</keep-alive>

//使用keep-alive 缓存后 页面组件效果
//beforeRouteEnter --> activated --> deactivated-->beforeRouteLeave
//如果想得到某些数据的更新就在activated() 里面进行调用，该钩子在服务端渲染期间不被调用。 activated(),//keep-alive组件停用时调用，该钩子在服务端渲染期间不被调用。 deactivated()

keepAlive详细操作相关推荐

Nginx反向绑定域名方法和详细操作应用实例:Google和Gravatar
2019独角兽企业重金招聘Python工程师标准>>> 反向绑定域名,即将域名B绑定到域名A上,用户只要访问B就等同于进入A,内容都是由A提供,它有点像建立了一个A的镜像.什么时候要 ...
centos7 查看ip_VMware安装CentOS 7操作系统详细操作教程（网络配置）
网络配置,输入vi /etc/sysconfig/network-scripts/,按下Tab键,根据提示,输入ifcfg-eno16777736,按下Enter键,如下图所示: 图 1 网络配置-1 ...
htc one m7刷Linux,HTC one m7官方刷机详细操作教程
由于很多软件功能都需要手机进行刷机,所以入手HTC one m7新机的用户一定想着如何刷机.下面就来教你HTC one m7官方刷机的详细操作教程! 准备事项: 1.手机必须能用usb数据线电脑,因为 ...
html诗词赏析网页制作步骤,制作网页详细操作步骤
制作网页详细操作步骤导读:目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样.下面和小编一起去看看相关内容~ 制作网页主要 ...
从入门到入土：在kali中安装Nessus详细操作
此博客仅用于记录个人学习进度,学识浅薄,若有错误观点欢迎评论区指出.欢迎各位前来交流.(部分材料来源网络,若有侵权,立即删除) 本人博客所有文章纯属学习之用,不涉及商业利益.不合适引用,自当删除! 若 ...
matlab调用库函数,Matlab调用函数的详细操作
小编今天带来的是关于Matlab调用函数的详细操作,下面就一起来学习关于Matlab调用函数的操作步骤吧,希望能够帮助到大家. Matlab调用函数的详细操作首先我们需要在Matlab中打开New ...
macbook配置java环境变量_Mac配置JDK环境变量的详细操作
想必不少网友还不知道Mac配置JDK环境变量的详细操作,下面小编就讲解一下Mac配置JDK环境变量的操作方法,希望对你们有所帮助哦. Mac配置JDK环境变量的详细操作 1.访问Oracle官网 ,浏 ...
记录centos 7.9 LNMP为网站申请SSL证书详细操作
近期搭建新的网站,想着给网站开启HTTPS,便从互联网零碎的资料中整理并实际申请SSL详细操作,由于本人易健忘,在此作如下记录,同时也希望能帮助到您. 1.使用Xshell工具,登入服务器. 当然,还 ...
华为手机录制屏幕视频的详细操作
在众多国产手机中,华为手机是排在榜首的,不管是性能还是拍照,更别说信号,是其它手机无法相比的,但是华为手机可以录制手机屏幕吗?怎么操作华为手机录制屏幕视频呢? 使用工具: 手机操作方法: 1.总的来 ...

keepAlive详细操作

keepAlive详细操作相关推荐

最新文章

热门文章