keep-alive（保证组件不被销毁）和activated、deactivated函数

编程语言 2022-04-04 20:58:28 阅读次数: 0

在这里插入图片描述

1、keep-alive保证组件不被销毁，具有缓存功能

keep-alive作用是当我们离开某个组件时，不要销毁组件，不要频繁的创建组件。保持组件是活着的状态。
只有当使用了keep-alive时，才能使用activated、deactivated函数。

2、activated、deactivated函数在使用了keep-alive时才起作用

在这里插入图片描述

3、通过使用组件内的“导航守卫”在首页中使用path属性记录离开时的路径

在组件内部使用导航守卫

在这里插入图片描述

4、keep-alive两个属性的使用

表示Profile和User两个组件被排除再外，不做缓存。
在这里插入图片描述
Profile和User对应组件内的name值。

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_46112274/article/details/123092243

keep-alive（保证组件不被销毁）和activated、deactivated函数

keep-alive,activated,deactivated

keep-alive缓存组件使用(6)参数使用说明：钩子周期函数（activated和deactivated）

keep-alive结合activated,deactivated的用法

keep-alive用法及（activated,deactivated生命周期）

vue中的缓存——keep-alive,activated，deactivated

vue中keep-alive的使用及其关联的activated、deactivated钩子函数

vue学习总结六：keep-alive用法以及activated,deactivated生命周期的讲解

vue学习总结一：keep-alive用法及（activated,deactivated生命周期）

vue2 设置某个组件不被keep-alive

vue 如何使某个组件不被 keep-alive 缓存

[vue]组件的创建(componet)和销毁(keep-alive缓存)和父子dom同步nextTick

vue动态组件和 keep-alive

动态组件和 keep-alive

vue使用keep-alive 缓存和销毁缓存状态

keep-alive组件使用

vue组件 keep-alive

Vue / keep-alive组件

组件缓存 keep-alive

keep-alive缓存组件

keep-alive组件缓存

Vue学习笔记-项目开发3.12使用keep-alive和activated优化网页功能

vue -- 动态组件和组件缓存（keep-alive）

vue的动态组件和异步组件及keep-alive

Vue使用keep-alive设置哪些组件可以被缓存，哪些不被缓存

Vue 中销毁 keep-alive 缓存组件及缓存组件的管理

keep-alive缓存组件使用(8)和:is组合使用

请阐述keep-alive组件的作用和原理

详解vue组件的keep-alive

keep-alive：组件级缓存

今日推荐

周排行

Leetcode简单题61~80

解决zookeeper磁盘IO高的问题

多线程相关方法详解

Maven-setting.xml文件详解

Maven 项目的 classpath 理解

渊亭科技大数据笔试题

配置JVM内存分配

计算机网络个人学习笔记（三）网络层：第三部分连载

js中两个等号(==)和三个等号(===)的区别

用C程序自动打开电脑上的程序

每日归档

更多

2024-09-18(0)

2024-09-17(0)

2024-09-16(0)

2024-09-15(0)

2024-09-14(0)

2024-09-13(0)

2024-09-12(0)

2024-09-11(0)

2024-09-10(0)

2024-09-09(0)