Vue中keep-alive的两种应用方式
作者：小羽羽 发布时间：2024-05-09 15:10:53
标签：vue,keep-alive,应用
Vue中keep-alive的使用我总结的有两种方式应用：
首先简述一下keep-alive的作用，kee-alive可以缓存不活动的的组件。当组件之间进行相互切换的时候，默认会销毁，当重新切换回来时又重新初始化。现在有需求切换回来不销毁组件，保持原来的状态，此时用keep-alive就可以实现了
我创建了两个组件，可以相互切换
组件1：
组件2：
第一种方式
在组件1的路由中添加 meta: { keepAlive: true }, 也就是当前路由需要缓存
此时路由设置完毕，keep-alive代码可以结合v-if进行包裹，如果meta中的keepAlive为true进行缓存，否侧不进行缓存，这样可以更灵活一些。
此时组件被缓存，不会销毁，所以切换不会重新创建，自然也不会调用create等生命周期函数。不过我们可以用activated与deactivated来获取当前组件是否处于活动状态（类似钩子函数的用法）。
第二种方式
在keep-alive上有两个属性：
通过include设置
此时，也可以达到缓存keepAlive组件的目的。
以上是我初步总结的keep-alive的实现用法，不正之处烦请诸位指正。
来源：https://www.cnblogs.com/dingxingxing/p/11981123.html
0
投稿猜你喜欢
- 这篇文章主要介绍了Python使用configparser库读取配置文件,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考
os包想要使用os包一样要先导入：import osos包下可以直接调用的函数下面介绍一下os包中可以直接调用的函数：例子：例子：例子：注意- 引言pymysqlpool （本地下载）是数据库工具包中新成员，目的是能提供一个实用的数据库连接池中间件，从而避免在应用中频繁地创建和释放数
- Python求取逆序数方法一.pynum = int(input('请输入一个三位整数:'))a = num//100b =
- 网页可以说是网站构成的基本元素。当我们轻点鼠标，在网海中遨游，一幅幅精彩的网页会呈现在我们面前，那么，网页的精彩与否的因素是什么呢？色彩的搭
- 只想回答一个问题: 当编译器要读取obj.field时, 发生了什么?看似简单的属性访问, 其过程还蛮曲折的. 总共有以下几个step: 1
- 很多时候我们都会有一个麻烦事，就是打开pycharm或者VScode等的时候，都有可能因为自己电脑上面安装的第三方模块过多，导致电脑很卡，风
- 第二次修改models.py以后再次python manage.py makemigrations提示如下You are trying to
- 作者：AngelGavin 出处：CSDN一般问题什么是 XML？可扩展标记语言 (XML) 是 Web 上的数据通用语言。它使
- 前言上一篇博文我们讲到了节流函数的应用场景，我们知道了节流函数可以用在模糊查询、scroller、onresize等场景；今天这篇我们来讲防
- 今天做visual transformer研究的时候，发现了einops这么个神兵利器，决定大肆安利一波。先看链接：https://gith
- 学一门新技术或者新语言，我们都要首先学会如何去适应这们新技术，其中在适应过程中，我们必须得学习如何调试程序并打出相应的log信息来，正所谓“
- 1、数据库架构1.1、MySQL 的基础架构图给面试官讲一下 MySQL 的逻辑架构，有白板可以把下面的图画一下，图片来源于网络。Mysql
- Tkinter 是 Python 的标准 GUI 库。Python 使用 Tkinter 可以快速的创建 GUI 应用程序。这篇文章使用tk
- 以下为在asp中增加一个sql server2000用户函数,并为建立一个数据库，给他dbo的权限。注意：sql server的验证方式不要
- 前言在pytorch中经常会遇到图像格式的转化，例如将PIL库读取出来的图片转化为Tensor，亦或者将Tensor转化为numpy格式的图
- 进一法取整、四舍五入取整、忽略小数等的取整数方法大全PHP取整数函数常用的四种方法,下面收集了四个函数；经常用到取整的函数，今天小小的总结一
- 范围选区概述范围选区是一种常见的对象选择方式，在一个子图中，可以在某一个轴方向上用鼠标选择起始范围的数据，这个特性可用来实现数据缩放（dat
- 在 HTML 中，有两种方式来表现文本框：一种是使用<input>元素的单行文本框，另一种是使用 <textarea>
- privot多对多关系的中间表。PT5框架会自动把privot带上。我们需要隐藏，因为我们不需要privot，而且pritvot也不在我们模
