1.keep-alive 了解

keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，避免重新渲染。

2.keep-alive的运用

如图所示:给你的视图标签外套一个keep-alive标签就实现了组件的缓存

3. keep-alive的include和exclude属性

上图中是所有组件都实现缓存，那么我们要实现指定组件缓存就需要用到include和exclude这两个属性了

如图所示 include所绑定的Home组件就实现缓存了其他的组件就没实现缓存而Home对应的是Home组件中的name名字

而exclude属性与include的功能恰恰相反 exclude绑定的组件中name名不实现缓存，没绑定的实现缓存

3.keep-alive的activated和deactivated生命周期

keep-alive实现组件缓存的时候该组件的生命周期函数就会失效，那么我们写在生命周期中的操作就会失效，那么我们的这些操作可以写在keep-alive特定的生命周期中。

下面是对这两个生命周期的简单介绍

当组件被激活时，触发钩子函数 activated，当组件被移除时，触发钩子函数 deactivated。

总结： keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，避免重新渲染。提供 include 和 exclude 属性，两者都支持字符串或正则表达式， include 表示只有名称匹配的组件会被缓存，exclude 表示任何名称匹配的组件都不会被缓存，其中 exclude 的优先级比 include 高；对应两个钩子函数 activated 和 deactivated ，当组件被激活时，触发钩子函数 activated，当组件被移除时，触发钩子函数 deactivated。

keep-alive 的详细介绍相关推荐

HTML页面加载和解析流程详细介绍
浏览器加载和渲染html的顺序.如何加快HTML页面加载速度.HTML页面加载和解析流程等等,在本文将为大家详细介绍下,感兴趣的朋友不要错过浏览器加载和渲染html的顺序 1. IE下载的顺序是从上 ...
mysql为什么要压测_mysql集群压测的详细介绍
本篇文章给大家带来的内容是关于mysql集群压测的详细介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. mysql压测 mysql自带就有一个叫mysqlslap的压力测试工具,通 ...
php比较运算符案列,PHP实例：PHP比较运算符的详细介绍
<PHP实例:PHP比较运算符的详细介绍>要点: 本文介绍了PHP实例:PHP比较运算符的详细介绍,希望对您有用.如果有疑问,可以联系我们. 比拟运算符种类 PHP实战如同它们名称所暗示的 ...
Tempdb数据库详细介绍
Tempdb数据库详细介绍一.Tempdb简介 tempdb是SQLServer的系统数据库一直都是SQLServer的重要组成部分,用来存储临时对象.可以简单理解tempdb是SQLServer的 ...
linux路由介绍,Linux的路由表详细介绍
Linux的路由表详细介绍一在Linux下执行route命令[root@localhost backup]# route -nKernel IP routing tableDestination ...
pythonexcel介绍_Python 中pandas.read_excel详细介绍
Python 中pandas.read_excel详细介绍 #coding:utf-8 import pandas as pd import numpy as np filefullpath = r& ...
渡神纪帧数测试软件,渡神纪芬尼斯崛起配置要求高吗渡神纪配置要求详细介绍_游侠网...
渡神纪芬尼斯崛起配置要求高吗?本作将在12月3日登陆主机和PC,很多玩家比较关心游戏的配置,这里给大家带来了渡神纪配置要求详细介绍,快来了解下吧. 渡神纪配置要求详细介绍最低要求(720p/30 f ...
C++11 unordered_map详细介绍
整理的算法模板合集: ACM模板目录: 1.介绍 1.1 特性 2. 模版 2.1 迭代器 3. 功能函数 3.1 构造函数 3.2 容量操作 3.2.1 size 3.2.2 empty 3.3 ...
autosar中com模块_详细介绍AUTOSAR各个模块作用PART1（OS，SYS）
这片文章中我们详细讲解下每个模块的功能,上图是vector的autosar方案,每个模块的详细介绍后续会有单独文章进行讲解,请关注.以下是各个模块的简介 1.VHSM hardware Securit ...
python绘图和可视化_Python 绘图和可视化详细介绍
Python之绘图和可视化 1. 启用matplotlib 最常用的Pylab模式的IPython(IPython --pylab) 2. matplotlib的图像都位于Figure对象中. 可以使 ...

keep-alive 的详细介绍

1.keep-alive 了解

2.keep-alive的运用

3. keep-alive的include和exclude属性

3.keep-alive的activated和deactivated生命周期

keep-alive 的详细介绍相关推荐

最新文章

热门文章