跟 keep-alive 有关的生命周期是哪些?

前言:在开发 Vue 项目的时候,大部分组件是没必要多次渲染的,所以 Vue 提供了一
个内置组件 keep-alive 来缓存组件内部状态,避免重新渲染,在开发 Vue 项目的时候,大部分
组件是没必要多次渲染的,所以 Vue 提供了一个内置组件 keep-alive 来缓存组件内部状态,避免重新渲染

生命周期函数:
在被 keep-alive 包含的组件/路由中,会多出两个生命周期的钩
子:activated 与 deactivated。
activated 钩子:在在组件第一次渲染时会被调用,之后在每次缓存组件被激活
时调用。
Activated 钩子调用时机: 第一次进入缓存路由/组件,在 mounted 后面,
beforeRouteEnter 守卫传给 next 的回调函数之前调用,并且给因为组件被缓存了,再次进入
缓存路由、组件时,不会触发这些钩子函数,beforeCreate created beforeMount mounted 都
不会触发

deactivated 钩子:组件被停用(离开路由)时调用:deactivated 钩子调用时
机:使用 keep-alive 就不会调用 beforeDestroy(组件销毁前钩子)和 destroyed(组件销毁),因为
组件没被销毁,被缓存起来了,这个钩子可以看作 beforeDestroy 的替代,如果你缓存了组
件,要在组件销毁的的时候做一些事情,可以放在这个钩子里,组件内的离开当前路由钩子
beforeRouteLeave => 路由前置守卫 beforeEach =>全局后置钩子 afterEach => deactivated
离开缓存组件 => activated 进入缓存组件(如果你进入的也是缓存路由)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/177696.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

P13 C++ 类 | 结构体内部的静态static

目录 01 前言 02 类内部创建静态变量的例子 03 在类的内部创建静态变量的作用 04 最后的话 01 前言 本期我们讨论 static 在一个类或一个结构体中的具体情况。 在几乎所有面向对象的语言中,静态在一个类中意味着特定的东西。这意味着在类的所有实例中&#xff…

【06】Python字符串专题

文章目录 1.转义字符2.文档字符串3.格式化字符串★★★3.1 拼串3.2 占位符3.3 `str.format()`方法3.4 f-strings方法4. 字符串的其它操作4.1 `len()` 获取字符串长度4.2`max()` 与 `min()`4.3 `split()`分割字符串4.4 `join()` 拼接字符串4.5 `find()` 查找字符串4.6 `replace(…

Springbot启动报错-类文件具有错误的版本 61.0, 应为 52.0

错误再现: 启动Springboot项目时候报错 java: 无法访问org.springframework.boot.SpringApplication 错误的类文件: /D:/Maven/apache-maven-3.6.3/repository/org/springframework/boot/spring-boot/3.0.0/spring-boot-3.0.0.jar!/org/springframework/boot/Sprin…

vue2+el-select实现分页加载更多功能

需求: 由于项目下拉框数据过多,一次性加载完,会有性能问题,于是希望可以增加分页加载更多功能。 实现效果: 如上图:点击“点击加载更多”按钮,实现分页加载下一页,直到最后一页&am…

SPC系统和QMS系统的区别

SPC系统和QMS系统是质量管理体系中的两个重要组成部分,它们之间存在一些明显的区别。SPC软件是基于算法模型呈现出丰富的图形数据; 首先,我们可以从定义上开始探讨。 SPC系统,全称统计过程控制(Statistical Process C…

二十三种设计模式全面解析-解释器模式(Interpreter Pattern):用代码诠释语言的魅力

在软件开发中,我们经常会遇到需要解析和处理各种语言表达式的场景。无论是编译器、数据库查询语句解析,还是自然语言处理,解释器模式都是一种强大的设计模式,能够帮助我们构建灵活且可扩展的语言解析器。本文将深入探讨解释器模式…

打造企业AI数字人专属IP的重要性

在数字化时代,企业数字人专属IP的打造成为了企业品牌建设的重要组成部分。企业数字人专属IP是指是利用人工智能技术实现与真人直播形象的1:1克隆,即克隆出一个数字化的真人形象,作为独有的企业数字人形象,可以用于产品推广、品牌宣…

【独家OD2023C卷真题】20天拿下华为OD笔试【不定滑窗】2023C-最大可购买的宝石数量【欧弟算法】全网注释最详细分类最全的华为OD真题题解

题目描述与示例 题目描述 橱窗里有一排宝石&#xff0c;不同的宝石对应不同的价格&#xff0c;宝石的价格标记为gems[i],0<i<n&#xff0c;n gems.length。宝石可同时出售0个或多个&#xff0c;如果同时出售多个&#xff0c;则要求出售的宝石编号连续&#xff1b; 例…

最近数据分析面试的一点感悟...

我是阿粥&#xff0c;也是小z 最近面了不少应届的同学&#xff08;数据分析岗位&#xff09;&#xff0c;颇有感触&#xff0c;与各位分享。 简历可以润色&#xff0c;但要适度 运用一些原则&#xff0c;如STAR法则&#xff0c;让简历逻辑更清晰&#xff0c;条块分明&#xff0…

香港优才计划是什么意思?一文详解2023年最新政策!

香港优才计划是什么意思&#xff1f;一文详解2023年最新政策&#xff01; 目前香港优才计划申请火热&#xff0c;但是还是有很多新手不太了解这个项目&#xff0c;跟风申请绝对不是什么好事&#xff0c;先了解清楚再考虑也是对自己对家人的一种交代。这篇文章就再来科普下。 优…

word、excel文件转PDF(documents4j方式,简单)

1 documents4j方式 引入pom <dependency><groupId>com.documents4j</groupId><artifactId>documents4j-local</artifactId><version>1.1.12</version></dependency><dependency><groupId>com.documents4j</g…

WEB渗透—反序列化(六)

Web渗透—反序列化 课程学习分享&#xff08;课程非本人制作&#xff0c;仅提供学习分享&#xff09; 靶场下载地址&#xff1a;GitHub - mcc0624/php_ser_Class: php反序列化靶场课程&#xff0c;基于课程制作的靶场 课程地址&#xff1a;PHP反序列化漏洞学习_哔哩哔_…

基于若依的ruoyi-nbcio流程管理系统增加流程节点配置(二)

更多ruoyi-nbcio功能请看演示系统 gitee源代码地址 前后端代码&#xff1a; https://gitee.com/nbacheng/ruoyi-nbcio 演示地址&#xff1a;RuoYi-Nbcio后台管理系统 上一节把数据库与相关基础数据字典准备好&#xff0c;下面就来实现相应的功能&#xff0c;目前先针对自定义…

实现了父类 纯虚函数为什么还有 无法解析外部符号错误

使用背景&#xff1a; 将C 的函数或接口使用 pybind11 封装成可以供python 使用调用的接口或函数&#xff0c;使用了CMake 编译&#xff08;若之前可以编译通过&#xff0c;现在编译不通过&#xff0c;重新选择 source code 路径&#xff09;成 VS 2019 可使用的目标解决方案&a…

ThinkPHP6学生选课管理系统

有需要请加文章底部Q哦 可远程调试 ThinkPHP6学生选课管理系统 一 介绍 此学生选课管理系统基于ThinkPHP6框架开发&#xff0c;数据库mysql8&#xff0c;前端bootstrap。系统角色分为学生&#xff0c;教师和管理员。学生登录后可进行选课&#xff0c;教师登录后可查看选课情况…

碧莲盛 x Tapdata:实时数据如何赋能医疗美容行业,助力医疗决策及个性化服务升级

使用 Tapdata&#xff0c;化繁为简&#xff0c;轻量代替 OGG、DSG 这样的同步工具&#xff0c;以及 Kettle、Informatica、Python 这样的 ETL 工具或脚本&#xff0c;帮助企业在五花八门的数据需求面前&#xff0c;实现“做且仅做最后一次 ETL”的目标&#xff0c;这绝非纸上谈…

Win7 SP1 x64 Google Chrome 字体模糊

1 打开 Google Chrome &#xff0c;地址栏输入 chrome://version/ &#xff0c;字体模糊。 2 Microsoft Update Catalog 搜索现在更新 kb2670838 &#xff0c;安装&#xff0c;重启电脑。 3 打开 Google Chrome&#xff0c;地址栏输入 chrome://version/ &#xff0c;字体正常。…

【新手解答4】深入探索 C 语言:全局变量声明、全局函数声明 + 宏定义

C语言的相关问题解答 写在最前面问题一&#xff1a;全局声明全局变量的声明全局函数的声明 问题二&#xff1a;返回值&函数声明函数定义和返回值函数声明和函数体内的声明结论 问题二延伸&#xff1a;优先采用全局声明原因1. 易于维护和查找2. 避免重复声明3. 保持代码的清…

AI生成技术威胁版权保护,水印技术和法律完善是关键/安圭拉小岛以.ai域名注册赚得3000万美元 |魔法半周报​

我有魔法✨为你劈开信息大海❗ 高效获取AIGC的热门事件&#x1f525;&#xff0c;更新AIGC的最新动态&#xff0c;生成相应的魔法简报&#xff0c;节省阅读时间&#x1f47b; &#x1f525;资讯预览 AI生成技术威胁版权保护&#xff0c;水印技术和法律完善是关键 Sam Altman对…

Web 安全之 X-XSS-Protection 详解

目录 什么是 X-XSS-Protection XSS 攻击概述 X-XSS-Protection 的值 工作原理 如何设置 X-XSS-Protection 头 示例说明 X-XSS-Protection 局限性 现代替代方案 小结 什么是 X-XSS-Protection X-XSS-Protection 是一个旨在启用或配置某些版本的 Internet Explorer、C…