keep-alive详解
2024-10-21 03:45:06
1、什么是keep-alive?
keep-alive 是 Vue 的内置组件,当它包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。keep-alive 是一个抽象组件:它自身不会渲染成一个 DOM 元素,也不会出现在父组件链中。
2、keep-alive的优点?
在组件切换过程中 把切换出去的组件保留在内存中,防止重复渲染DOM,减少加载时间及性能消耗,提高用户体验性。
3、keep-alive有三个属性
include : 只有匹配的组件会被缓存
exclude : 任何匹配的组件都不会被缓存
max : 最多可以缓存多少组件实例
4、keep-alive的使用会触发两个生命周期函数?
这两个函数分别是
activated 当组件被激活(使用)的时候触发 可以简单理解为进入这个页面的时候触发
deactivated 当组件不被使用的时候触发 可以简单理解为离开这个页面的时候触发
最新文章
- python 代码片段10
- hadoop生态系统的详细介绍
- C++读取、旋转和保存bmp图像文件编程实现
- trace openjdk from systemtap
- java实现gbdt
- 对接 第三方物流APP 手机版
- QQ第三方登录(完结篇)
- 《Inside C#》笔记(十三) 多线程 下
- python的安装和pycharm的安装
- TensorFlow 核心——数据流图
- webstorm更改字体大小
- 查看JVM运行时参数
- RHEL7.3安装mysql5.7
- ceph kubernetes中使用
- 20145307陈俊达_安卓逆向分析_APKtools分析smail
- 20145234黄斐《Java程序设计》实验三—敏捷开发与xp实践
- Web应用程序完全测试指南
- hdu 2063 过山车 二分匹配(匈牙利算法)
- FastAdmin 源码分析:jQuery 含逗号的选择器
- Redis实战——安装问题汇总